差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 后一修订版 两侧同时换到之后的修订记录 | ||
|
im:web:intro:integration [2019/06/03 03:03] jk [搭建本地测试环境] |
im:web:intro:integration [2019/07/01 10:38] zhangdong [引用本地文件] |
||
|---|---|---|---|
| 行 17: | 行 17: | ||
| * 因为整套代码需要依赖于[[https://www.npmjs.com/|npm]] NodeJS 的包管理工具，安装 NodeJS 会默认安装 NPM 工具 | * 因为整套代码需要依赖于[[https://www.npmjs.com/|npm]] NodeJS 的包管理工具，安装 NodeJS 会默认安装 NPM 工具 | ||
| - | 3. 定位到 webim/wertc 目录 在终端执行下面的命令，安装测试所需要的依赖模块 | + | 3. 定位到 webim/demo 目录 在终端执行下面的命令，安装测试所需要的依赖模块 |
| * 保证此过程没有 error 终止为成功，如果有错误中断，请保留错误日志并再次尝试，大多数情况是网络原因导致的无法连接而中断 | * 保证此过程没有 error 终止为成功，如果有错误中断，请保留错误日志并再次尝试，大多数情况是网络原因导致的无法连接而中断 | ||
| 行 23: | 行 23: | ||
| <code bash> | <code bash> | ||
| npm i | npm i | ||
| - | npm link | ||
| </code> | </code> | ||
| - | 4. 定位到 webim/emedia 目录 在终端执行下面的命令 | + | 4. 上述步骤成功后 |
| - | <code bash> | + | |
| - | npm link | + | |
| - | </code> | + | |
| - | + | ||
| - | 5. 定位到 webim/sdk 目录 在终端执行下面的命令 | + | |
| - | <code bash> | + | |
| - | npm link | + | |
| - | </code> | + | |
| - | + | ||
| - | 6. 定位到 webim/demo 目录 在终端执行下面的命令，安装测试所需要的依赖模块 | + | |
| - | + | ||
| - | * 保证此过程没有 error 终止为成功，如果有错误中断，请保留错误日志并再次尝试，大多数情况是网络原因导致的无法连接而中断 | + | |
| - | + | ||
| - | <code bash> | + | |
| - | npm i | + | |
| - | npm link easemob-webrtc | + | |
| - | npm link easemob-emedia | + | |
| - | npm link easemob-websdk(若通过package.json安装sdk而不是用本地sdk,则此命令省略。同时第5步省略) | + | |
| - | </code> | + | |
| - | + | ||
| - | 7. 上述步骤成功后 | + | |
| <code bash> | <code bash> | ||
| 行 56: | 行 34: | ||
| </code> | </code> | ||
| - | 8. 浏览器访问即可看到测试页面： | + | 5. 浏览器访问即可看到测试页面： |
| * http：http://localhost:3000/ | * http：http://localhost:3000/ | ||
| 行 80: | 行 58: | ||
| </code> | </code> | ||
| - | 2. 先 require ，再访问 Web IM 。 | + | 2. 先 import ，再访问 Web IM 。 |
| <code javascript> | <code javascript> | ||
| - | require('easemob-websdk'); | + | import websdk from "easemob-websdk" |
| </code> | </code> | ||
| 行 90: | 行 68: | ||
| ====引用本地文件==== | ====引用本地文件==== | ||
| - | 1. 下载web sdk并解压后，将 /sdk/dist/strophe-1.2.8.js、/sdk/dist/websdk-*.*.*.js、/demo/src/config/WebIMConfig.js 拷贝到系统相应的目录下。 | + | 1. 下载demo后，将 /demo/simpleDemo下的 webimSDK.js、EMedia_x1v1.js、EMedia_sdk-dev.js 拷贝到系统相应的目录下。 |
| 2.新版本中 WebIMConfig 文件只做参数定义方便实例化 SDK 时使用，仅与自己项目结构有关。详细使用可以查看 /demo/src/config/WebIM.js文件 | 2.新版本中 WebIMConfig 文件只做参数定义方便实例化 SDK 时使用，仅与自己项目结构有关。详细使用可以查看 /demo/src/config/WebIM.js文件 | ||
| - | 3. 新建 html 文件并 严格按照如下顺序 引入相关 js 脚本。 | + | 3. 新建 html 文件并引入相关 js 脚本。 |
| <code html> | <code html> | ||
| <script type='text/javascript' src='WebIMConfig.js'></script> | <script type='text/javascript' src='WebIMConfig.js'></script> | ||
| - | //注：若在新版本中通过“引用本地文件”的方式集成此步省略 | + | <script type='text/javascript' src='webimSDK.js'></script> |
| - | <script type='text/javascript' src='strophe-1.2.8.js'></script> | + | |
| - | <script type='text/javascript' src='websdk-*.*.*.js'></script> | + | |
| </code> | </code> | ||