怎么用小程序集成環(huán)信IM

怎么用小程序集成環(huán)信IM，針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了昌吉免費(fèi)建站歡迎大家使用！

最近在做一款有語(yǔ)音直播功能的小程序，用到了環(huán)信IM集成功能，由于我搜了下目前用環(huán)信做小程序的的確是少之又少，而且環(huán)信官方說(shuō)從2月份不再更新代碼（具體原因我也沒(méi)問(wèn)，可能本身微信就是一款聊天工具所以用處不大）

我們產(chǎn)品需要用到聊天室功能，之前做H5端登錄完成之后加入聊天室即可：

 WebIM.conn.open(options);
 WebIM.conn.joinChatRoom(option1);

同樣方法在小程序上不行，一直報(bào)錯(cuò)：

Cannot read property 'sendIQ' of undefined

百度了一下，說(shuō)加入聊天室要放在登錄成功后的回調(diào)里，于是查看它的源碼connection.js發(fā)現(xiàn):

connection.prototype.open = function (options) {


    var pass = _validCheck(options, this);

    if (!pass) {
        return;
    }
    var conn = this;

    if (conn.isOpening() || conn.isOpened()) {
        return;
    }

    if (options.accessToken) {
        options.access_token = options.accessToken;
        _login(options, conn);
    } else {
       //登錄成功的回調(diào)函數(shù)
        var suc = function (data, xhr, myName) {
            conn.context.status = _code.STATUS_DOLOGIN_IM;
            conn.context.restTokenData = data;
            if (data.statusCode != '404' && data.statusCode != '400') {
                wx.showToast({
                    title: '登錄成功',
                    icon: 'none',
                    duration: 4000
                });
            }
            //回調(diào)成功后執(zhí)行這個(gè)方法
            _login(data.data, conn);
           
        };
        
        var options = {
            url: apiUrl + '/' + orgName + '/' + appName + '/token',
            data: loginfo,
             success: suc || _utils.emptyfn,
            error: error || _utils.emptyfn
        };
        _utils.ajax(options);
    }

登錄成功有一個(gè)內(nèi)部回調(diào)，回調(diào)里面調(diào)用了一個(gè) _login(data.data, conn)的方法：

//具體里面執(zhí)行什么去源代碼查看，我就不貼代碼了
var _login = function (options, conn) {
    
    var callback = function (status, msg) {
      _loginCallback(status, msg, conn);
    };


};

執(zhí)行完login方法有一個(gè)_loginCallback回調(diào)：

var _loginCallback = function (status, msg, conn) {
    var conflict, error;
    //console.log('_loginCallback 1', Strophe.Status, status, msg)
    if (msg === 'conflict') {
        conflict = true;
    }
    console.log(status)
    if (status == Strophe.Status.CONNFAIL) {
     
    } else if (status == Strophe.Status.ATTACHED || status == Strophe.Status.CONNECTED) {
      //登錄成功
       
    } else if (status == Strophe.Status.DISCONNECTING) {
  
    } else if (status == Strophe.Status.DISCONNECTED) {
      
    } else if (status == Strophe.Status.AUTHFAIL) {
     
    } else if (status == Strophe.Status.ERROR) {

    }
    conn.context.status_now = status;
};

通過(guò)斷點(diǎn)發(fā)現(xiàn)當(dāng)執(zhí)行到 else if (status == Strophe.Status.ATTACHED || status == Strophe.Status.CONNECTED)時(shí)，登錄成功.所以需要把加入聊天室的回調(diào)需要放在這個(gè)判斷里面,我的具體做法如下：

//項(xiàng)目中封裝一個(gè)加入聊天室函數(shù)
 joinRoom: function () {
    var option1 = {};
    var option2 = {};
    //加入聊天室
    WebIM.conn.joinChatRoom(option1);
    WebIM.conn.joinChatRoom(option2);
  }；
   //在環(huán)信登錄函數(shù)中添加一個(gè)自己的回調(diào)：
    var options = {
      apiUrl: WebIM.config.apiURL,
      user: userId + '',
      pwd: userId + '',
      grant_type: "password",
      appKey: WebIM.config.appkey,
      //自己添加的回調(diào)函數(shù)
      callBack:function(){
      //調(diào)用加入聊天室
        that.joinRoom();
      }
    };
    WebIM.conn.open(options);

修改環(huán)信connection.js代碼：

//登錄代碼
connection.prototype.open = function (options) {

        var suc = function (data, xhr, myName) {
            //callBack傳入加入聊天室回調(diào)
            _login(data.data, conn, options.callBack);
        };
        var options = {
            url: apiUrl + '/' + orgName + '/' + appName + '/token',
            data: loginfo,
             success: suc || _utils.emptyfn,
             //添加加入聊天室的回調(diào)函數(shù)
             callBack: options.callBack,
            error: error || _utils.emptyfn
        };
    }
};
//_login代碼
var _login = function (options, conn, callBack) {
     
    var callback = function (status, msg) {
    //把加入聊天室函數(shù)傳給_login回調(diào)函數(shù)
      _loginCallback(status, msg, conn, callBack);
    };
};
//_loginCallback代碼
var _loginCallback = function (status, msg, conn,callBack) {
    var conflict, error;
    //console.log('_loginCallback 1', Strophe.Status, status, msg)
    if (msg === 'conflict') {
        conflict = true;
    }
    console.log(status)
    if (status == Strophe.Status.CONNFAIL) {
     
    } else if (status == Strophe.Status.ATTACHED || status == Strophe.Status.CONNECTED) {
      //登錄成功執(zhí)行加入聊天室
       callBack();
    } else if (status == Strophe.Status.DISCONNECTING) {
  
    } else if (status == Strophe.Status.DISCONNECTED) {
      
    } else if (status == Strophe.Status.AUTHFAIL) {
     
    } else if (status == Strophe.Status.ERROR) {

    }
    conn.context.status_now = status;
};

具體思路就是這樣，由于環(huán)信小程序代碼有很多坑，所以遇到問(wèn)題多看看源碼，有些功能就需要自己去修改代碼。

關(guān)于怎么用小程序集成環(huán)信IM問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

文章題目：怎么用小程序集成環(huán)信IM
URL地址：http://muchs.cn/article36/piddpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、自適應(yīng)網(wǎng)站、網(wǎng)站制作、網(wǎng)站收錄、品牌網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容