QQ图片20190617160054.png
最近小程序项目中需要客服聊天功能；
所有就简单研究哈，需用用到小程序发送消息 ，图片，表情，语言，模板等功能；由于时间，能力有限只能边学边做边改。不知之处多多指教。
一 登录IM
在官网 下载 https://cloud.tencent.com/document/product/269
，然后放在自己的项目中，引用进去
var webim = require('../../../utils/webim_wx.js'); // 腾讯云im包
var webimhandler = require('../../../utils/webim_handler.js');// 这个是所有事件的腾讯js，这个页面需要用到登录
登录我们需要用到webim.login.js
## webim.login(loginInfo,listener,options,cbOk,cbErr);//第一个是登陆信息，第二个是监听事件回调，第三个其他对象，后面两个就是成功回调和错误回调
//用户信息对象
var loginInfo = {
'sdkAppID':xxxxxxx,//用户标识接入SDK的应用ID，必填。（这个可以在腾讯云的后台管理看到）
'appIDAt3rd':xxxxxxx,//App 用户使用 OAuth 授权体系分配的 Appid，必填
'identifier':xxxxxx,//用户帐号，必填 （服务器配置每个用户的账号）
'identifierNick':"xxxx",//用户昵称，选填
'accountType':'0',//(这目前设置0 就可以了)
'userSig':xxxxxxx //(鉴权 Toke，同 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 系统消息通道
};
// 其他对象设置
const options = {
'isAccessFormalEnv': true,//是否访问正式环境，默认访问正式，选填
'isLogOn': true//是否开启控制台打印日志,默认开启，选填
};
//监听连接状态回调变化事件
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());
}
}
}
// 调用登录方法登录
webimhandler.sdkLogin(loginInfo, listeners, options,function(resp){
console.log("登录成功")
}, function (err) {
console.log("登录失败------------------", err.ErrorInfo)
})
