微信小程序使用腾讯云IM（一）：登陆

微信小程序使用腾讯云IM

新项目已经完成好久啦，久的我都想放弃啦。
这个项目里主要的难点实际上是1v1聊天。他们对比了好几家的即时通信，最后选择了腾讯云通讯。我猜，多是由于腾讯云上说日活低于10w能够不付费吧。省钱嘛~踩坑踩了大概一周多两周了，就把一些步骤写下来，万一之后也会用到呢。不过，腾讯云的demo和sdk真的是万年不更新了，真的是好难用啊....坑都是本身一个一个踩一个一个填的。

1.下载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)
        })