VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

如何使用小程序集成铃声消息IM?(附代码示例)(微信小程序sdk)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

小程序集成欢馨IM最近做了一个带语音直播功能的小程序,用了欢馨IM集成功能。因为我搜索了一下,目前使用欢信的小程序非常少,而且欢信官方表示从2月份开始就不会更新代码了(具体原因我没问,可能微信本身就是聊天工具,所以用处不大)

我们需要使用产品的聊天室功能。我们可以在H5登录完成后加入聊天室,之前:

WebIM.conn.open(选项);WebIM.conn.joinChatRoom(选项1);同样的方法在小程序上不起作用,一直报错:

无法读取属性 # 39;森迪克 # 39;未定义百度说加入聊天室要放在成功登录后的回调中,所以看其源代码connection.js发现:

connection . prototype . open = function(options){ var pass = _ valid check(options,this);如果(!通过){返回;} var conn = thisif(conn . iso pening()| | conn . iso pened()){ return;} if(options . access token){ options . access _ token = options . access token;_登录(选项,康涅狄格州);} else {//回调函数varsuc = function (data,xhr,myname){ conn . context . status = _ code . status _ dolo gin _ im;conn . context . resttokendata = data;if (data.statusCode!= '404' data.statusCode!= '400'){ wx . show toast({ title: # 39;登录成功 # 39;,图标: # 39;无 # 39;,时长:4000 });}//回调成功后执行this method _login(data.data,conn);};var options = { URL:API URL+ # 39;/'+orgName+ # 39;/'+appName+ # 39;/token # 39;,data: loginfo,suc || _utils.emptyfn,error:error | | _ utils . empty fn };_utils.ajax(选项);}有一个成功登录的内部回调,其中调用了_login(data.data,conn)的方法:

//我查源代码就不贴代码了。var _ login = function (options,conn){ var callback = function(status,msg) {_ login callback (status,msg,conn);};};执行login方法后有一个_loginCallback回调:

var _ loginCallback = function(status,msg,conn) { var conflict,error//console . log( # 39;_ loginCallback 1 # 39斯特罗菲。Status,status,msg)if(msg = = = # 39;冲突 # 39;){ conflict = true} console . log(status)if(status = = Strophe。status . conn fail){ } else if(status = = Strophe。Status . ATTACHED | | Status = = strobe . Status . connected){//登录成功} else if(Status = = strobe . Status . disconnecting){ } else if(Status = = Strophe。status . DISCONNECTED){ } else if(status = = Strophe。status . auth fail){ } else if(status = = Strophe。status . ERROR){ } conn . context . status _ now = status;};通过断点发现,当你执行到else if (status = = strobe。状态。附加||状态= =频闪。状态。连接),您登录成功。所以,你需要把回拨加入聊天室放在这个判断里。我的具体做法如下:

//项目封装了一个函数join room:function(){ var option 1 = { };var option 2 = { };//加入聊天室webim.conn.join聊天室(选项1);WebIM.conn.joinChatRoom(选项2);};//在ring登录函数中添加一个自己的回调:var options = { API URL:webim . config . API URL,user:userid+ # 39;',pwd:userId+ # 39;',授予类型: 密码 、appKey: WebIM.config.appkey、//回调函数callback:自己添加的function(){//调用加入聊天室that . join room();} };WebIM.conn.open(选项);修改ring connection.js代码:

//登录代码connection . prototype . open = function(options){ var suc = function(data,xhr,my name) {//callback呼入加入聊天室callback _ login (data.data,conn,options . callback);};var options = { URL:API URL+ # 39;/'+orgName+ # 39;/'+appName+ # 39;/token # 39;,data: loginfo,suc|| _ utils.emptyfn,//添加回调函数callback: options.callback,error: error || _ utils.emptyfn}加入聊天室;}};//_登录代码var _login = function (options,conn,callback){ var callback = function(status,msg){//将聊天室函数传递给_ log in callback function _ log in callback(status,msg,conn,callback);};};//_ loginCallback code var _ log in callback = function(status,msg,conn,callback) {var conflict,error//console . log( # 39;_ loginCallback 1 # 39斯特罗菲。Status,status,msg)if(msg = = = # 39;冲突 # 39;){ conflict = true} console . log(status)if(status = = Strophe。status . conn fail){ } else if(status = = Strophe。Status . ATTACHED | | Status = = strobe . Status . connected){//登录成功执行了加入聊天室回调();} else if (status == Strophe。status . DISCONNECTING){ } else if(status = = Strophe。status . DISCONNECTED){ } else if(status = = Strophe。status . auth fail){ } else if(status = = Strophe。status . ERROR){ } conn . context . status _ now = status;};具体思路就是这样。因为环信的小程序代码漏洞很多,遇到问题多看看源代码。有些功能需要自己修改代码。这是环信工作单回答我的问题:

如何使用小程序集成铃声消息IM?(附代码示例)(微信小程序sdk)-主机参考

相关学习推荐:小程序开发教程。以上是如何使用小程序集成环IM。详细内容(附代码示例)请关注主机参考其他相关文章了解更多!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:如何使用小程序集成铃声消息IM?(附代码示例)(微信小程序sdk) https://zhujicankao.com/77152.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何使用小程序集成铃声消息IM?(附代码示例)(微信小程序sdk)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!