前端+后台，看技术大大如何实现环信集成！

开发者分享的环信DEMO，包括（前端+后台），前端集成了环信SDK，后台提供了与环信服务器集成的源码方案。技术大神如此给力，小编给跪了！

以下为前端页面详情介绍：

本DEMO调用appcan的后台接口和第三方插件uexEasemob（环信）来实现好友或群组即时聊天的功能，聊天内容主要有文本、表情、语音、图片、文件、地图。

测试机型：HM 1S、小米1S、魅族MX3

页面构成：

如图为案例整体布局，起始页为load页面，点击注册进入register页面，点击登录进入index页；index页面分为三部分，indexCon_0会话，显示未读群消息，indexCon_1通讯录，显示好友列表，indexCon_2个人中心，显示用户信息；在通讯录页面点击‘+’号，进入add_friend页面，点击通知进入news页面，点击群聊进入group页面，页面内显示创建和加入的群组列表，点击好友列表，进入对应Chatboard单聊聊天框；group页面中，点击新建群组进入add-group页面，点击公开群，进入open-group页面，点击group或open-group页面中的群组列表，进入相对应的chatroom群聊聊天框；点击单聊聊天框头部，进入friend_info页面，点击群聊聊天框头部，进入group-info页面。

具体内容：

1.初始化、登录、注册

使用环信接口实现：initEasemob初始化 、login 登录、registerUser注册

调用APP接口：

2.好友

使用环信接口实现：addContact添加好友、onContactInvited接到好友申请、getContactUserNames获取好友列表、acceptInvitation同意username的好友请求、refuseInvitation拒绝username的好友请求

3.聊天

使用环信接口实现：onNewMessage收到新消息监听、sendText发送文本消息及表情、sendVoice发送语音、sendPicture发送图片、sendLocationMsg发送地理位置信息、sendFile发送文件、sendCmdMessage发送透传消息、setNotifyBySoundAndVibrate消息提醒相关配置

4.群组

使用环信接口实现：createPublicGroup创建公开群、addUsersToGroup群聊加人、removeUserFromGroup群聊减人、getGroupsFromServe从服务器获取自己加入的和创建的群聊列表、getAllPublicGroupsFromServer获取所有公开群列表、getGroup获取单个群聊信息