开发者分享的环信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获取单个群聊信息