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 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配置文件
安装环信 Web IM SDK
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。
Web IM 功能演示
点击http://webim.easemob.com 对 Web IM 进行体验,账号为环信Demo的账号(与 Android、iOS 的 Demo 账号相同),也可以在页面中自己申请。
使用 Web IM Demo 与好友进行视频聊天的操作说明:Web IM Demo视频聊天使用说明
Web IM 功能说明
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集成
下一页:集成方式