1. 树叶网络科技
  2. 新闻圈子
  3. 源码下载:基于环信小程序SDK 开发聊天室

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

2019-05-11 09:00 / 树叶网络科技/ 技术分享

据权威数据统计,2018年微信小程序数量超过100万个,覆盖超过200个细分行业。2018年小程序累计融资额超过80亿元,超过100家投资机构进场,小程序领域已经成为创业开发者们兵家必争的主要阵地,同时,微信小程序已经成为零售电商、生活服务、社交等领域的标配并迎变现黄金期。

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

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

准备工作

下载环信小程序demo+sdk

gitclonehttps://github.com/easemob/webim-weixin-xcx

创建一个文件夹,将demo中的文件comps、images、sdk、utils拷贝到新的文件,文件目录说明

集成

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

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

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

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

然后在roomlist.wxml修改对应的变量绑定名称

demo中的group.js中,获取到的是当前登陆账号已加入的群组,咱们做的是聊天室功能,所以需要有一个加入的操作,找roomlist.js中找到into_room:function(event),然后填写加入聊天室的方法,我是直接在当前这个里面加的跳转到聊天页面,并将当前登陆的IDmyName,聊天室IDgroupID,聊天室名称your传给新页面

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

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

就这样了,简单集成聊天室功能,demo中的UI是开源的,可以根据自己的需求更改~下面是具体实现过程。代码也放在github上了,有需要的兄弟自取。demo下载地址:https://github.com/lizgDonkey/room-xcx

扫一扫关注树叶网络科技公众号

扫一扫关注树叶网络科技公众号

相关文章

【树叶科技与众不同】凭借对设计的热爱和执着,互联网营销趋势的敏锐洞察和深刻理解,与众多同行不同的是,树叶科技更注重与客户互促共生,价值同在。
本圈子所有内容若需转载请 联系我们。

客服中心

(点击按钮可通过QQ进行沟通,请确认启动QQ。)

关闭
业务相关,请咨询售前客服。为避免丢失消息,请尽量添加好友
周经理:
13559621427

处理:投诉、建议、代理、大客户

我们会全力以赴满足您的服务请求

公司地址:泉州市晋江青阳街道顶立大厦3楼
电话:13559621427

Hi,您需要什么服务?我来帮您!

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

SHUYE NET 树叶网络互联网整合解决方案

地址:泉州市晋江青阳街道顶立大厦3楼

业务热线:13559621427

大客户专线:13559621427

售前QQ:

E-mail:Admin@0595zx.net

合作意向表

您希望我们为您提供什么服务?

预算

pc蛋蛋网站 pc蛋蛋网站 河北快3 PC蛋蛋 江苏快3 pc蛋蛋开奖 河北快3官网 河北快3 pc蛋蛋 pc蛋蛋