好看的手机网站模板-小程序集成融云 SDK (即时

2021-04-16 12:47| 发布者: | 查看: |

--------

好看的手机网站模板

-------

近期企业需要用手机微信小程序做一个可以让客户沟通交流的作用,历经早期挑选和比照,最终還是挑选了应用融云的及时通信,下面是我用小程序初次集成化融云的 SDK 碰到的难题,在此做个纪录便捷自身查询,同时也给有需要的同学 ...


序言

近期企业需要用手机微信小程序做一个可以让客户沟通交流的作用,历经早期挑选和比照,最终還是挑选了应用融云的及时通信,下面是我用小程序初次集成化融云的 SDK 碰到的难题,在此做个纪录便捷自身查询,同时也给有需要的同学做为参照。

前端开发小鸟一枚,发誓要变成前端开发菜鸟,不够地区留言指出,小子谢过。

提前准备工作中

1.官方网站申请注册

进到开发设计者后台管理 - 建立运用 - 获得 appkey (很关键!很关键!很关键!)

获得客户 token ,一刚开始我很难以相信为何要获得 token ?token 是甚么?如何获得 token?(暴击三连问 o(╥﹏╥)o)简易来讲就是客户的身份标志。

这里就不逐一解答了,立即看 官方网站详细地址 - token 就可以了,里边说的很清晰。

针对在前端开发开发设计环节,都还没和后端开发对接时,强烈推荐应用融云开发设计者后台管理中的 API 启用(在调节方面,真的太好用了)传入正确的主要参数便可

留意:小程序 SDK 需要启用小程序服务后,在开发设计者后台管理中获得

可是在文本文档中又看到说 3.x 小程序与 Web SDK 同样,那用 Web 端 SDK 也是能够的咯,为何还要启用服务才可以获得呢,算了吧!能用就行

刚开始集成化

1、最先要需在手机微信微信公众号配备以下合理合法网站域名、,手机微信小程序怎样配备合理合法网站域名应当不需要说了吧

2、SDK 原始化

开发设计者在应用融云 SDK 全部作用之前,开发设计者务必先启用此方式原始化 SDK。 在运用全部生命周期中,开发设计者只需要将 SDK 原始化一次
var im = RongIMLib.init({
 appkey: ' ' // 这里就是咋们在开发设计者后台管理得到到的 appkey
});

3、设定监视

监视信息、情况、对话目录的转变留意:当设定多个 im.watch 的情况下, 当收到一条信息后, 每一个 watch 都会监视到此信息,因此会出現发一条信息,可是会反复收到这条信息处理:在全局性设定监视一次便可,不要放在组件生命周期中,避免每次组件重载都设定一次
var conversationList = []; // 当今已存在的对话目录
im.watch({
 conversation: function(event){
 var updatedConversationList = event.updatedConversationList; // 升级的对话目录
 console.log('升级对话汇总:', updatedConversationList);
 console.log('全新对话目录:', im.Conversation.merge({
 conversationList,
 updatedConversationList
 }));
 message: function(event){
 var message = event.message;
 console.log('收到新信息:', message);
 status: function(event){
 var status = event.status;
 console.log('联接情况码:', status);
});

4、联接融云

联接方式在运用的全部生命周期,也只需要启用一次便可,反复联接会出错敲关键!敲关键!敲关键!除原始化、监视之外,全部方式都务必在 connect 取得成功以后 再启用
var user = {
 token: '' // 能够在开发设计者后台管理中启用 获得 token 来得到
// im 来自 RongIMLib.init 回到的案例,例如:var im = RongIMLib.init({ appkey: ' ' });
im.connect(user).then(function(user) {
 console.log('连接取得成功, 连接客户 id 为: ', user.id);
}).catch(function(error) {
 console.log('连接不成功: ', error.code, error.msg);
});

联接取得成功以后便可以推送信息,获得对话目录和历史时间信息方式等等

需要留意的是:获得对话目录和历史时间信息需要启用 IM 商用版 - 单群聊云储存  作用。

立即贴编码了:

//获得对话目录
im.Conversation.getList().then(function(conversationList) {
 console.log('获得对话目录取得成功', conversationList);
});
//推送信息:单聊文字信息
var conversation = im.Conversation.get({
 targetId: 'user1',
 type: RongIMLib.CONVERSATION_TYPE.PRIVATE
conversation.send({
 messageType: RongIMLib.MESSAGE_TYPE.TEXT, // 'RC:TxtMsg'
 content: {
 content: 'Hello RongCloud' // 文字內容
}).then(function(message){
 console.log('推送文本信息取得成功', message);
});
//获得历史时间信息
var conversation = im.Conversation.get({
 targetId: 'user1',
 type: RongIMLib.CONVERSATION_TYPE.PRIVATE
var option = {
 timestrap: +new Date(),
 count: 20
conversation.getMessages(option).then(function(result){
 var list = result.list; // 历史时间信息目录
 var hasMore = result.hasMore; // 是不是也有历史时间信息能够获得
 console.log('获得历史时间信息取得成功', list, hasMore);
});

最终撤出,断开联接

---------

好看的手机网站模板

------------
<
>

 
QQ在线咨询
售前咨询热线
18720358503
售后服务热线
18720358503
返回顶部