中信建设有限责任公司海外法务,优化网站建设seo,丹东做网站的公司,夸克搜索入口1、背景因业务功能需求需要接入IM#xff08;即时聊天#xff09;功能#xff0c;一开始想到的是使用 WebSocket 来实现这个功能#xff0c;然天意捉弄#xff08;哈哈#xff09;服务器版本太低不支持 wx 协议#xff08;也就不支持 WebSocket了#xff09;不得不寻找… 1、背景 因业务功能需求需要接入IM即时聊天功能一开始想到的是使用 WebSocket 来实现这个功能然天意捉弄哈哈服务器版本太低不支持 wx 协议也就不支持 WebSocket了不得不寻找第三方服务了因客户端目前采用微信小程序来开发那想到的肯定就是使用他们自家的IM功能了。至此就有了本篇文章了。2、文档地址 1腾讯云即时聊天https://cloud.tencent.com/document/product/269 2微信小程序Demohttps://github.com/tencentyun/TIMSDK/tree/master/WXMini官方采用的是MPVUE 来开发这点已提了建议自家的小程序居然采用了别家的框架 哈哈 有点打脸的感觉不得不说 MPVUE 我还没入门 哈哈看来得学习下这个框架了腾讯的工程师都使用它了不得不说它是一个优秀的小程序框架了 3IM SDK https://imsdk-1252463788.file.myqcloud.com/IM_DOC/Web/Message.html?_ga1.163142140.1311859679.15662910633、IM SDK 集成 3.1、导入 SDK 导入SDK也就是引入他们的js 文件下载地址https://github.com/tencentyun/TIMSDK/tree/master/WXMini/sdk或者使用npm工具导入。这里就不在啰嗦了默认大家都会哦。 为了大家看的清楚将其他不用的包抹掉 3.2、初始化 import TIM from tim-wx-sdk;// 发送图片、文件等消息需要的 COS SDKimport COS from cos-wx-sdk-v5;//如果聊天发送的是纯文字这里不必要导入let options { SDKAppID: 0 // 接入时需要将0替换为您的即时通信应用的 SDKAppID};// 创建 SDK 实例TIM.create() 方法对于同一个 SDKAppID 只会返回同一份实例let tim TIM.create(options); // SDK 实例通常用 tim 表示// 注册 COS SDK 插件tim.registerPlugin({cos-wx-sdk: COS});//如果聊天发送的是纯文字这里不需要注册 设置日志级别tim.setLogLevel(1); 3.3、登录 登录之前需要了解 UserSig以及在服务器端生成UserSig UserSingUserSig 是用户登录即时通信 IM 的密码其本质是对 UserID 等信息加密后得到的密文本文将指导您如何生成 UserSig。 服务端生成 UserSig我们的服务器采用的是C#其他语言请查看官网https://cloud.tencent.com/document/product/269/32688 因我们服务端采用的是C#所以这里只给出C#服务端生成UserSig的代码 NuGet 命令行集成 PM Install-Package tls-sig-api-v2 使用using tencentyun;TLSSigAPIv2 api new TLSSigAPIv2(1400000000, 5bd2850fff3ecb11d7c805251c51ee463a25727bddc2385f3fa8bfee1bb93b5e);string sig api.GenSig(userId);//userId应该是您的 userIdSystem.Console.WriteLine(sig); tim 登录 tim.login({ userID: userId, userSig:userSig//通过服务端获得 }).then((imResponse) { console.log(imResponse.data); // 登录成功 app.globalData.isImLogin true }).catch((imError) { console.warn(login error:, imError); // 登录失败的相关信息 }) 3.4、消息的收发 发以纯文字为例// 发送文本消息Web 端与小程序端相同// 1. 创建消息实例接口返回的实例可以上屏let message tim.createTextMessage({ to: user1, conversationType: TIM.TYPES.CONV_C2C payload: { text: Hello world! }});// 2. 发送消息let promise tim.sendMessage(message);promise.then(function(imResponse) { // 发送成功 console.log(imResponse);}).catch(function(imError) { // 发送失败 console.warn(sendMessage error:, imError);}); 收let onMessageReceived function(event) { // event.data - 存储 Message 对象的数组 - [Message]};tim.on(TIM.EVENT.MESSAGE_RECEIVED, onMessageReceived); *注意* 这里的 tim.on(TIM.EVENT.MESSAGE_RECEIVED,function(event){}) 这个接口是全局的不管您写在那里小程序首次启动的时候都会调用它每当有新消息来是这个接口也会监听到。 在进入聊天界面后调用tim.getMessageList()接口获取历史聊天记录。 建议在进入聊天界面后请将本次的会话上报为已读只有这样设置后上面所说的 小程序首次启动是监听的 tim.on(TIM.EVENT.MESSAGE_RECEIVED,function(event){}) 才会不会收到已读的消息 已读上报 // 将某会话下所有未读消息已读上报tim.setMessageRead({conversationID: 会话ID}); 3.5、退出tim.logout()4、完成 说明 1如有疑问可以与我取得联系 2已官方文档为主很有可能过些时间后文档及SDK会发生变化 3官方文档已在上文中给出 4服务端使用的小程序包是盛派的SDKhttps://weixin.senparc.com扫码关注您将得到及时的文章推送信息
