====== Web IM 介绍 ======

----

<WRAP round info>
**注意：**

Web SDK 已更新至 V1.4.5 版本，从 V1.1.2 版本开始和 V1.1.1 差异较大，如果您是 Web SDK 的新用户，请参考本文档集成最新版本。如果您已集成 V1.1.1，并希望再次了解其集成方式，可参考[[start:400webimintegration:websdk1.1.1|Web SDK V1.1.1 集成说明]]。
</WRAP>

===== 什么是环信 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 源代码：<code bash>git clone https://github.com/easemob/web-im.git</code>

2. 运行。

  * 直接使用浏览器打开 index.html 文件。（注：IE9需要使用下面的方式）
  * 或者，将Demo部署到 web 服务器通过 URL 访问 index.html。

===== Web IM 功能演示 =====

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

使用 Web IM Demo 与好友进行视频聊天的操作说明：{{:im:400webimintegration:web_im_demo_video_call_user_s_guide.pdf|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


----
<WRAP group>
<WRAP half column>
上一章节：[[start:350linuxsdkintegration:10sdkintegration|Linux SDK集成]]
</WRAP>

<WRAP half column>
下一页：[[start:400webimintegration:20sdkintegration|集成方式]]
</WRAP>
</WRAP>