Web IM 介绍


注意:

Web SDK 已更新至 V1.4.5 版本,从 V1.1.2 版本开始和 V1.1.1 差异较大,如果您是 Web SDK 的新用户,请参考本文档集成最新版本。如果您已集成 V1.1.1,并希望再次了解其集成方式,可参考Web SDK V1.1.1 集成说明

环信 Web IM Demo 展示了怎样使用环信 Web IM SDK 快速创建一个完整的类似微信的网页聊天示例。展示的功能包括:

  • 登录、登出、操作好友、收发个人消息/群组消息等
  • 好友之间可以通过webrtc进行视频聊天(仅支持 https + Webkit浏览器)
  • 支持同一账号最多8个标签页登录(isMultiLoginSessions:true
  • http访问加入ip策略功能,防止DNS劫持(isHttpDNS:true

环信 Web IM 源代码已在 GitHub 上开源供开发者下载 https://github.com/easemob/web-im,以帮助开发者更好的学习了解环信 SDK。

Demo使用react框架,支持IE9+、Chrome54+、Firefox等高级浏览器。SDK支持IE8+。聊天室功能支持IE10+。视频通话功能只支持https+Webkit浏览器。

Web IM Demo 及 SDK 目录简要说明:

  • demo:demo相关静态资源文件。包括脚本、样式、语言包、Appkey配置文件(/demo/javascript/dist/webim.config.js)等
  • sdk:WebIM SDK
  • package.json: 构建环境依赖文件。需要安装npm环境,终端执行sudo npm intall等待安装完成
  • webpack.config.js: webpack配置文件

1. 下载环信 Web IM Demo 及 SDK。

  • 在环信官网下载 web-im-1.1.3.zip 并解压,下载地址:http://www.easemob.com/download/im
  • 或者,从 GitHub 拷贝 Web IM 源代码:
    git clone https://github.com/easemob/web-im.git

2. 运行。

  • 直接使用浏览器打开 index.html 文件。(注:IE9需要使用下面的方式)
  • 或者,将Demo部署到 web 服务器通过 URL 访问 index.html。

点击http://webim.easemob.com 对 Web IM 进行体验,账号为环信Demo的账号(与 Android、iOS 的 Demo 账号相同),也可以在页面中自己申请。

使用 Web IM Demo 与好友进行视频聊天的操作说明:Web IM Demo视频聊天使用说明

Easemob Web IM SDK 已支持如下功能:

  • SDK 本身已支持 IE9+、FireFox10+、Chrome54+、Safari6+ 之间文本、表情、图片、音频、地址消息相互发送。
  • SDK 支持 Web 端之间,Web 端与 Android/iOS端相互添加、删除好友功能。
  • SDK 支持与iOS、Android SDK 之间相互发送文本、表情、图片、音频、地址消息。
  • SDK 对于消息的处理方式如下:
    • 文本、表情消息,直接发送、接收。
    • 附件消息(图片、音频、文件等),SDK上传附件到服务器,然后发送附件基本信息(发送方上传的附件URL、文件名等),接收方根据附件的URL、secret和自身的登录信息,以流的形式从服务器上下载到本地处理。
  • 提供Demo,方便大家参考,已实现聊天添加/删除好友/群组功能。备注:
    • Demo默认支持的图片消息格式:PNG、JPG、BMP、GIF
    • Demo默认支持的音频消息格式:MP3、AMR、WMV
    • Demo默认支持的文件消息格式:zip、txt、doc、PDF

上一章节:Linux SDK集成

下一页:集成方式