源码下载:基于环信小程序SDK 开发聊天室

  • 时间:
  • 浏览:0
  • 来源:5分排列3官网-5分排列3网站
      据权威数据统计,2018年微信小tcp连接运行数量超过3000万个,覆盖超过3000个细分行业。2018年小tcp连接运行累计融资额超过3000亿元,超过3000家投资机构进场,小tcp连接运行领域可能性成为创业开发者们兵家必争的主要阵地,并肩,微信小tcp连接运行可能性成为零售电商、生活服务、社交等领域的标配并迎变现黄金期。

  工欲善其事必先利其器,环信作为全球最大的即时通讯云服务商近期宣告正式推出了IM小tcp连接运行2.0版本,其1小时快速集成,简单易用、完美适配、稳定可靠等形态吸引了大批开发者,目前可能性服务了包括小tcp连接运行购物、多平台社交、娱乐聊天室、多端协同办公、小tcp连接运行游戏等5大典型应用场景的数百企业客户并受到了广泛好评。

  以下是一位环信开发者“To.lazy”在CSDN上发布的“在微信小tcp连接运行里实现聊天室”集成示例:基于环信的小tcp连接运行SDK 开发了有另四个聊天室。

准备工作

  1. 下载环信 小tcp连接运行demo+sdk

    git clone https://github.com/easemob/webim-weixin-xcx
  2. 创建有另四个文件夹,将 demo 中的文件 comps、images、sdk、utils 拷贝到新的文件,文件目录说明

集成

  1. 登录环信没那先 可说的,这里选择的是使用 username/password 登录,和demo中的一样,文件那末进行任何更改

  2. 在app.js 中注册的 WebIM.conn.listen, 但是在 登陆成功的回调 onOpened 设置的跳转页面,并将登陆的 username 赋给 myName,传到新的页面中使用

  3. 修改 roomlist.js 获取聊天室列表,是分页获取的,这里先偷个懒,获取了第一页 20 个聊天室

    但是将listChatrooms() 分别在onLoad、onShow 内,更改下,将原有的 listGroups() 替换掉

  4. 但是在roomlist.wxml 修改对应的 变量绑定名称

  5. demo中的group.js 中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,很多还要有有另四个加入的操作,找roomlist.js 中找到 into_room: function (event),但是填写加入聊天室的方法 , 我是直接在当前什儿 上端加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your 传给新页面

    Ex:监听是是否是加入聊天室成功的回调是在 onPresence 中,type:memberJoinChatRoomSuccess,正常是监听什儿 回调跳转页面,有点麻烦就直接很多吧

  6. 到会话页面后,还要修改一下对应的消息格式,在comps/chat/suit 目录下,将上端的文件对应的 js 文件根据文档给聊天室发送消息 格式进行修改,聊天室消息和群组消息不同,很多我目前是直接将getSendToParam()、isGroupChat() 注释,改成下面很多,demo 中下面还有代码的,这里就用 …… 代替了

    就很多了,简单集成聊天室功能,demo中的UI 是开源的,还还要根据被委托人的需求更改~下面是具体实现过程。代码也倒进github 上了,有还要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx