運(yùn)行Web IM的demo

1. npm install

2. node app

3. 在瀏覽器中訪問(wèn) http://127.0.0.1:8182/webdemo/index.html
   

   image.png

4.在網(wǎng)易云信注冊(cè)賬號(hào)，然后在控制臺(tái)創(chuàng)建一個(gè)應(yīng)用，記錄下應(yīng)用的App Key。

image.png

5。在這個(gè)應(yīng)用的功能管理找到IM免費(fèi)版的賬號(hào)管理，添加一個(gè)IM用戶,后續(xù)接入自己的后端要請(qǐng)求網(wǎng)易的api來(lái)創(chuàng)建自己的用戶，這里用來(lái)測(cè)試。

image.png

6.找到webdemo->im->js->config.js->online代碼片段->修改appkey(換成你自己的應(yīng)用的App key) 如圖

image.png

7.修改login.js 替換成如下代碼

  requestLogin: function(account, pwd) {
    setCookie('uid', account.toLocaleLowerCase());
    //自己的appkey就不用加密了
    setCookie('sdktoken',pwd);
    // if (
    //   window.CONFIG.appkey === 'fe416640c8e8a72734219e1847ad2547' ||
    //   window.CONFIG.appkey === '45c6af3c98409b18a84451215d0bdd6e'
    // ) {
    //   var password = MD5(pwd);
    // } else {
    //   password = pwd;
    // }
    // setCookie('sdktoken', password);
    if (/chatroom/.test(location.href)) {
      delCookie('nickName');
      window.location.href = './list.html';
    } else {
      window.location.href = './main.html';
    }
  },

8.重啟node服務(wù)，登錄

image.png

image.png

9.更改為后端登錄的方式（這里注意可能產(chǎn)生跨域）

  requestLogin: function(account, pwd) {
    $.ajax({
      type: 'GET',  // 如果是post改為post
      url: "你的服務(wù)端地址"+'?mobile='+account + '&captcha='+pwd,//通過(guò)賬號(hào)密碼得到用戶信息的鏈接
      contentType: "application/json; charset=utf-8",
      dataType: "jsonp",  //跨域解決方式
    }).then((res)=>{
      console.log('res', res)
      if(res.code === 1){     
        setCookie('uid',res.data.im_accid);//你的應(yīng)用中IM功能中保存的用戶名
        setCookie('sdktoken',res.data.im_token);//該用戶名對(duì)應(yīng)的token，身份令牌
        window.location.href = './main.html';
      }else{
        alert('登錄失敗賬戶或密碼錯(cuò)誤')
      }
    });
  },