网易云信IM web demo测试

最新推荐文章于 2022-11-10 17:05:36 发布

泛酸桂花酒

最新推荐文章于 2022-11-10 17:05:36 发布

阅读量794

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/xianfei9651/article/details/107246627

版权

js 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

运行Web IM的demo

npm install
node app
在浏览器中访问 http://127.0.0.1:8182/webdemo/index.html

image.png

4.在网易云信注册账号，然后在控制台创建一个应用，记录下应用的App Key。

image.png

5。在这个应用的功能管理找到IM免费版的账号管理，添加一个IM用户,后续接入自己的后端要请求网易的api来创建自己的用户，这里用来测试。

image.png

6.找到webdemo->im->js->config.js->online代码片段->修改appkey(换成你自己的应用的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服务，登录

image.png

9.更改为后端登录的方式（这里注意可能产生跨域）

  requestLogin: function(account, pwd) {
    $.ajax({
      type: 'GET',  // 如果是post改为post
      url: "你的服务端地址"+'?mobile='+account + '&captcha='+pwd,//通过账号密码得到用户信息的链接
      contentType: "application/json; charset=utf-8",
      dataType: "jsonp",  //跨域解决方式
    }).then((res)=>{
      console.log('res', res)
      if(res.code === 1){     
        setCookie('uid',res.data.im_accid);//你的应用中IM功能中保存的用户名
        setCookie('sdktoken',res.data.im_token);//该用户名对应的token，身份令牌
        window.location.href = './main.html';
      }else{
        alert('登录失败账户或密码错误')
      }
    });
  },