JChat-web

简介

JChat 是基于 JMessage SDK 带有完整 UI 界面的即时通讯应用。 演示了完整的即时通讯功能，包括：

• 单聊、群聊、会话列表、通讯录；
• 支持发送文本、图片、文件、表情、名片；
• 提供好友管理、群组管理、黑名单、群屏蔽、消息免打扰、通知栏、消息漫游、消息已读未读、会话置顶、群聊@XXX、多端在线等功能；

JChat 无需成为好友也可以聊天

• 通过搜索对方的用户名可直接发起会话

目前已覆盖 Android 、 iOS 、windows和 web 平台，开发者可参照 JChat 快速打造自己的产品，提高开发效率。

应用截图

在线体验地址

JChat-web在线体验

环境配置

前提：安装 node (node版本6.0以上、 npm版本3.0以上)，安装淘宝镜像cnpm(淘宝镜像安装方法)

web jchat本地安装和用法：

终端输入cd jchat-web-master

终端输入cnpm install

终端输入npm run dll

终端输入npm run dev

打开浏览器输入url地址： localhost:3000

说明：

• 如果使用的不是本地localhost服务器，则要在task/webpack.dev.js中的publicPath改成自己的ip和端口，在浏览器输入ip和端口去访问项目

• 应用配置：appkey和masterKey在src/services/common/config.ts中配置，同时，将signature和timestamp改为空字符串'';

• 项目压缩打包并发布(前提：已全局安装gulp (终端输入cnpm install gulp -g))：

1. 在task/webpack.prod.js中的publicPath改成'./'
2. 终端输入gulp noqiniu-prod生成dist文件夹
3. 将dist目录下的所有文件上传到自己服务器上

备注说明

• 整个应用使用Angular2 + webpack + gulp的技术栈，使用了Angular2中的ngrx去管理应用状态
• 浏览器兼容性: IE11+ ， Chrome ， Firefox ， Safari，后续考虑兼容IE10

JMessage 文档

• JMessage web 开发指南