【每日科技网】
根据官方数据,2018年微信小程序的数量已突破百万大关,涉及的行业细分超过两百个。当年,小程序的融资总额达到了80亿以上,吸引了超过百家投资机构的关注。在这一领域,创业者和开发者们纷纷展开激烈竞争,将其视为争夺的焦点。此外,微信小程序已成为零售电商、生活服务、社交等多个领域的必备工具,并正处于盈利的黄金时期。
工匠若想做好工作,必先磨砺其工具。环信,作为一家即时通讯云服务提供商,近期正式发布了IM小程序2.0版本。该版本具备一小时快速集成、操作简便、兼容性强、稳定可靠等特点,吸引了众多开发者的关注。目前,它已为包括小程序购物、多平台社交、娱乐聊天室、多端协同办公、小程序游戏在内的五大典型应用场景的数百家企业客户提供服务,并赢得了广泛的好评。
CSDN平台上,一位名叫“To.lazy”的环信开发者分享了一个关于如何在微信小程序中构建聊天室的集成示例。该示例是基于环信的小程序SDK进行开发的。
准备工作
下载环信 小程序demo+sdk
新建一个文件夹,并将demo文件夹中的文件,包括但不限于sdk等,一一复制至该新文件夹中。同时,请详细说明文件目录结构。
集成
登录环信的过程并无特别之处,我们采用的是“/登录”这一指令,这与demo中的操作方式一致,而且相关文件并未经历任何修改。
在app.js文件中进行了.conn.的注册,随后在登录成功后的回调函数中,确定了跳转至指定页面的操作,并将登录信息分配给了目标页面,以便在新的页面中加以应用。
在修改.js文件以获取聊天室列表时,采用的是分页查询的方式,为了简便起见,此处暂且简化操作,仅获取了第一页中的前20个聊天室信息。
然后将() 分别在、 内,更改下,将原有的 () 替换掉
然后在.wxml 修改对应的 变量绑定名称
在demo的.js文件中,我们获取的是当前登录账号所加入的群组信息。鉴于我们正在开发聊天室功能,必须实现一个加入群组的操作。于是在.js文件中,我们定位到: ()这一部分,并在此处输入加入聊天室的具体方法。我直接在当前代码段中添加了跳转至聊天页面的功能,同时将当前登录账号、聊天室及其名称“your”传递给新页面。
在程序中,我们关注的是监听加入聊天室是否成功的反馈,该反馈的类型为,通常情况下,我们会通过监听这个反馈来切换页面,但这个过程略显繁琐,所以建议直接这样处理。
进入会话界面后,应对相应的信息模板进行编辑,具体操作是在 /chat/suit 文件夹中,针对其中的 文件,依照文档中规定的聊天室信息发送格式进行调整。需要注意的是,聊天室的信息与群组的信息格式存在差异,因此我目前的做法是将括号内的内容进行注释处理,以便后续参考。在示例代码中,这部分内容以省略号表示。