E企盈营销工具技术服务商 热线:4006-838-530

【小程序】微信小程序使用腾讯云IM(一):登录

E企盈直播平台营销卖货系统

微信小程序使用腾讯云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)        })

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 【小程序】微信小程序使用腾讯云IM(一):登录
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏