微信群小程序怎么添加-如何在微信小程序里实现聊天室功能？-微信群小程序-即速应用

微信群小程序怎么添加-如何在微信小程序里实现聊天室功能？-微信群小程序

浏览量：2283 时间：2020-03-20 来源：环信

1.准备工作
2.下载环信小程序demo+sdkgitclonehttps://github.com/easemob/webim-weixin-xcx创建一个文件夹，将demo中的文件comps、images、sdk、utils拷贝到新的文件，文件目录说明
3.集成
4.登录环信没什么可说的，这里选择的是使用username/password登录，和demo中的一样，文件没有进行任何更改
5.在app.js中注册的WebIM.conn.listen,然后在登陆成功的回调onOpened设置的跳转页面，并将登陆的username赋给myName，传到新的页面中使用
6.修改roomlist.js获取聊天室列表，是分页获取的，这里先偷个懒，获取了第一页20个聊天室然后将listChatrooms()分别在onLoad、onShow内，更改下，将原有的listGroups()替换掉然后在roomlist.wxml修改对应的变量绑定名称
7.demo中的group.js中，获取到的是当前登陆账号已加入的群组，咱们做的是聊天室功能，所以需要有一个加入的操作，找roomlist.js中找到into_room:function(event)，然后填写加入聊天室的方法，我是直接在当前这个里面加的跳转到聊天页面，并将当前登陆的IDmyName，聊天室IDgroupID，聊天室名称your传给新页面
8.Ex：监听是否加入聊天室成功的回调是在onPresence中，type:memberJoinChatRoomSuccess，正常是监听这个回调跳转页面，有点麻烦就直接这样吧到会话页面后，需要修改一下对应的消息格式，在comps/chat/suit目录下，将里面的文件对应的js文件根据文档给聊天室发送消息格式进行修改，聊天室消息和群组消息不同，所以我目前是直接将getSendToParam()、isGroupChat()注释，改成下面这样，demo中下面还有代码的，这里就用……代替了
9.就这样了，简单集成聊天室功能，demo中的UI是开源的，可以根据自己的需求更改~下面是具体实现过程。代码也放在github上了，有需要的兄弟自取。demo下载地址：https://github.com/lizgDonkey/room-xcx