【小程序】微信小程序使用腾讯云IM（一）：登录 - 好文

微信小程序使用腾讯云IM

新项目已经写了很久啦

这个项目里主要的难点其实是1v1聊天。他们对比了好几家的即时通讯，最后选择了腾讯云通信。我猜，可能是因为腾讯云上说日活低于10w可以不付费吧。省钱嘛~踩坑踩了大概一周多两周了，就把一些步骤写下来，万一以后也会用到呢。不过，腾讯云的demo和sdk真的是万年不更新了，真的是好难用啊….坑都是自己一个一个踩一个一个填的。

1.下载sdk并且引用至项目

在官网 <https://cloud.tencent.com/product/im#sdk>中找到自己所需要的sdk并且下载，然后放在自己的项目中，引用进去。
var webim = require('../../utils/webim.js');

在将sdk文件引用到项目中后，就可以开始使用了，首先是登陆。登陆分为独立模式和托管模式，托管模式还需要引用额外的文件。不过，由于我们的项目只用到了独立模式，所以我也只有从独立模式写起。

2.登陆

登陆需要用到的方法是 webim.login
webim.login(loginInfo,listener,options,cbOk,cbErr);
//第一个是登陆信息，第二个是事件回调，第三个其他对象，后面两个就是成功回调和错误回调 //用户信息对象 var loginInfo = {
'sdkAppID':xxxxxxx,//用户标识接入SDK的应用ID，必填。（这个可以在腾讯云的后台管理看到） 'appIDAt3rd':xxxxxxx,
//App 用户使用 OAuth 授权体系分配的 Appid，必填（这个其实和上面那个是一样的） 'identifier':yang47,//用户帐号，必填
（这个就是自己服务器里，每个用户的账号，可以自己设置） 'identifierNick':"杨小花",//用户昵称，选填
(这个填不填都没什么问题，但是我个人觉得，聊天嘛，还是得有一个网名) 'accountType':12345,//账号类型，必填
(这个可以在后台管理看到，但是腾讯的文档上是没有这个的！！！但是这个必须填，不填不报错） 'userSig':xxxxxxx //鉴权
Token，identifier 不为空时，必填我觉得这个也是必填的，这个需要在一开始就从后端获取。 } //事件回调对象监听事件 var
listeners = {"onConnNotify": onConnNotify//监听连接状态回调变化事件,必填 ,"jsonpCallback":
jsonpCallback//IE9(含)以下浏览器用到的 jsonp 回调函数， ,"onMsgNotify": onMsgNotify
//监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填 ,"onBigGroupMsgNotify":
onBigGroupMsgNotify//监听新消息(直播聊天室)事件，直播场景下必填 ,"onGroupSystemNotifys":
onGroupSystemNotifys//监听（多终端同步）群系统消息事件，如果不需要监听，可不填 ,"onGroupInfoChangeNotify":
onGroupInfoChangeNotify//监听群资料变化事件，选填 ,"onFriendSystemNotifys":
onFriendSystemNotifys//监听好友系统通知事件，选填 ,"onProfileSystemNotifys":
onProfileSystemNotifys//监听资料系统（自己或好友）通知事件，选填 ,"onKickedEventCall" :
onKickedEventCall//被其他登录实例踢下线 ,"onC2cEventNotifys": onC2cEventNotifys//监听 C2C
系统消息通道 }; //1v1单聊的话，一般只需要 'onConnNotify' 和 'onMsgNotify'就行了。 //监听连接状态回调变化事件 var
onConnNotify =function (resp) { var info; switch (resp.ErrorCode) {//链接状态码 case
webim.CONNECTION_STATUS.ON: webim.Log.warn('建立连接成功: ' + resp.ErrorInfo); break;
case webim.CONNECTION_STATUS.OFF: info = '连接已断开，无法收到新消息，请检查下您的网络是否正常: ' +
resp.ErrorInfo; alert(info); webim.Log.warn(info);break; case
webim.CONNECTION_STATUS.RECONNECT: info ='连接状态恢复正常: ' + resp.ErrorInfo;
alert(info); webim.Log.warn(info);break; default: webim.Log.error('未知连接状态: =' +
resp.ErrorInfo);//错误信息 break; } }; //监听新消息事件注：其中参数 newMsgList 为 webim.Msg 数组，即
[webim.Msg]。 //newMsgList 为新消息数组，结构为[Msg] function onMsgNotify(newMsgList) {
//console.warn(newMsgList); var sess, newMsg; //获取所有聊天会话 var sessMap =
webim.MsgStore.sessMap();for (var j in newMsgList) {//遍历新消息 newMsg =
newMsgList[j];if (newMsg.getSession().id() == selToID) {//为当前聊天对象的消息 selSess =
newMsg.getSession();//在聊天窗体中新增一条消息 //console.warn(newMsg); addMsg(newMsg); } }
//消息已读上报，以及设置会话自动已读标记 webim.setAutoRead(selSess, true, true); for (var i in
sessMap) { sess = sessMap[i];if (selToID != sess.id()) {//更新其他聊天对象的未读消息数
updateSessDiv(sess.type(), sess.id(), sess.unread()); } } }//
webim.login(loginInfo, listeners, options,function (resp) {
loginInfo.identifierNick = resp.identifierNick;//设置当前用户昵称 console.log("登录成功");
that.setData({ loginInfo: loginInfo, }); },function (err) { console.log(
"登录失败------------------", err.ErrorInfo) })

热门工具换一换