“在微信小程序里实现聊天室”集成示例

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

“在微信小程序里实现聊天室”集成示例

工欲善其事，必先利其器。 作为全球*大的即时通讯云服务提供商，欢信近日宣布正式推出IM小程序2.0版本。 一小时快速集成，具有简单易用、完美适配、稳定可靠等特点，吸引了大批开发，目前已服务于小程序等五种典型应用场景的数百家企业客户。小程序购物、多平台社交、娱乐聊天室、多终端协同办公、小程序游戏等“在微信小程序里实现聊天室”集成示例，受到广泛好评。

以下是环信开发“To.lazy”在CSDN上发布的《在微信小程序中实现聊天室》的集成示例：基于环信小程序SDK开发一个聊天室。

准备

下载欢信小程序demo+sdk

git clone https://github.com/easemob/webim-weixin-xcx

创建一个文件夹，将demo中的comps、sdk、utils文件复制到新文件中。 文件目录说明

融合的

登录欢信就没啥好说的了。 这里选择使用/登录。 和demo中的一样，文件没有做任何修改。

注册 WebIM.conn。 在app.js中，然后在登录成功回调中设置跳转页面，并将登录赋值传递给新页面使用

修改.js获取聊天室列表，以页面方式获取。 我们先偷懒，把20个聊天室放在首页。

然后分别把()放入和里面，改一下，替换掉原来的()然后修改.wxml中对应的变量绑定名

demo中的group.js中获取的是当前登录账号加入的群组。 我们要做一个聊天室功能，所以需要一个加入操作。 在.js中找到：(event)，然后填写 join 聊天室方法，我直接在当前的聊天页面添加了跳转，并将当前登录的聊天室和你的聊天室名称传递给新页面。

例如：监听加入聊天室是否成功的回调在，type:。 正常情况下监听回调跳转到页面。 如果有点麻烦的话就这样吧。 到达对话页面后，需要修改相应的消息格式，该格式在comps/chat/suit目录下，根据向聊天室发送消息的文档格式修改里面的文件对应的js文件。 聊天室消息和群消息不一样，所以我目前直接把(),()注释改成下面的，demo下面有代码，这里替换成...

就这样，简单的集成聊天室功能。 演示中的UI是开源的微信小程序sdk开发，可以根据自己的需求进行更改。 下面是具体的实现过程。 代码也贴出来了，有需要的可以领取。 演示版下载地址：

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等