经过了长达三个月的封闭开发,环信WebIM2.0版本在9月22号发布,此次更新的WebIM2.0也被称为“H5版本”,一套Demo同时支持PC和H5,自适应微信/QQ和各种手机浏览器。

  

说明

 WebIM 2.0 (webim-h5) 在1.x的基础上, 主要做了以下更新:

  • 响应式布局, 一套Demo同时支持PC和H5,自适应不同终端屏幕尺寸

  • 完全基于Reac + Redux的单向数据流

  • 引入ant-design组件库,方便开发者后续开发

  • 适配微信/QQ和各种手机浏览器

 
webim-h5在线体验地址:https://webim-h5.easemob.com
 
安装

1.初始化安装
 在/demo下执行 npm i
2.如果需要同时编辑sdk cd sdk && npm link && cd .. && npm link easemob-websdk
3.如果需要同时编辑webrtc cd webrtc && npm link && cd .. && npm link easemob-webrtc
4.运行demo
  cd demo && npm start (requires node@>=6)  http://localhost:3001
  cd demo && HTTPS=true npm start (webrtc supports HTTPS only)  https://localhost:30015.发布demo cd demo && npm run build /demo/build 目录下的就是可以运行和部署的版本

执行npm start时如果出现

```
./src/config/WebIM.js
Module not found: Can't resolve 'easemob-websdk/dist/strophe-1.2.8-g.js' in '<YourRootDir>/demo/src/config'
```

FIX: 没有执行 npm link easemob-websdk
 
3. 执行npm start时如果出现

> node scripts/start.js

/Users/wenke/www/web-im/demo/scripts/start.js:23
const {
      ^

SyntaxError: Unexpected token {
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:373:25)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Function.Module.runMain (module.js:441:10)
    at startup (node.js:139:18)
    at node.js:974:3

FIX: 请检查node版本是否是v6.0+