使用ExtJS+WebSocket实现的WebQQ聊天

关于本博客的技术问题，可加入QQ群：117399430

整个界面使用ExtJS 4.2.1实现

《基于C++ WebSocket实现的网页聊天（即时通信）》

界面的升级版

已有功能

注册新用户，密码使用md5+salt加密
内置admin/admin，用户可以直接登录或另注册新帐号
搜索其他用户并添加为联系人，被添加人会收到通知
删除联系人
新建用户组
修改组名
文字聊天，插入表情
当用户输入聊天内容时，对端窗口显示“对方正在输入...”
其他

使用

假设你解压到C:\chat\，确保程序路径上无空格和中文字符

双击start_server.bat即可，程序将自动运行并以默认浏览器打开进入聊天界面；

默认使用8020端口，若8020端口已被占用，修改start_server.bat中的setserver_port=8020

浏览器仅支持：Firefox和Chrome，现有代码未经优化

效果如下

修改状态

搜索并添加联系人至已有分组（或新建分组）

从搜索结果或朋友列表中双击联系人，插入表情

删除联系人

修改分组名称

使用ExtJS+WebSocket实现的WebQQ聊天相关推荐

rudesocket如何使用_[WebSocket入门]手把手搭建WebSocket多人在线聊天室（SpringBoot+WebS...
前言本文中搭建了一个简易的多人聊天室,使用了WebSocket的基础特性. 源代码来自老外的一篇好文: 本文内容摘要: 初步理解WebSocket的前后端交互逻辑手把手使用 SpringBoot ...
教你从零开始用WebSocket打造一个IM聊天室
之前我们在 IM即时聊天室(一):WebSocket 和 IM即时聊天室(二): Socket.io + Node.js 两篇文章中介绍了搭建一个IM的所需的技术栈和通信原理.那在这篇文章里我们就来详 ...
使用Node+websocket实现简易1v1聊天室(前端+服务器)
使用Node+websocket实现简易1v1聊天室(前端+服务器) 前提: 安装好node环境~~~ 可使用 node -v 和 npm -v 查看是否装好实现逻辑: 用户A 用户B 服务器用户 ...
SpringBoot入门建站全系列（二十七）WebSocket做简单的聊天室
SpringBoot入门建站全系列(二十七)WebSocket做简单的聊天室一.概述 WebSocket 是一种网络通信协议.RFC6455 定义了它的通信标准. WebSocket 是 HTML5 ...
SpringBoot WebSocket之多人聊天室实现
SpringBoot WebSocket之多人聊天室实现 WebSocket简介什么是WebSocket? 为什么使用WebSocket? WebSocket的技术特点: WebSocket的技术优 ...
websocket实现弹幕以及聊天
websocket实现弹幕以及聊天 Message.vue <template> <div><div class="Mes-titie">< ...
html5 websocket java 聊天室_如何利用WebSocket实现网页版聊天室
花了将近一周的时间终于完成了利用WebSocket完成网页版聊天室这个小demo,期间还走过了一段"看似弯曲"的道路,但是我想其实也不算是弯路吧,因为你走过的路必将留下你的足迹.这 ...
Nodejs+webSocket搭建多人聊天室
NodeJs+webSocket搭建多人聊天室准备的东西: 第一步:安装插件并且完善服务端第二步 :搭建客户端并与服务端的通信第三步 :添加CSS样式第四步:总结今天花了一个上午的时间去学习 ...
tornado实现基于websocket的好友一对一聊天功能
做项目的时候涉及到即时通信了,所以在 gladuo 的建议下看了一篇教程,[转]Tornado 搭建基于 WebSocket 的聊天服务,经过一番修改调试实现了功能,在此总结分享一下. 按思路来聊: ...