跑通移动端 Web Demo
更新时间:2024-11-14 19:50:40

Ylink-sdk-mobile-web-demo 工程运行说明

修改记录:

日期 文档版本 修改章节 修改描述
2022-7-4 0.0.1 全文 初稿

1. node.js安装

1.1 载安装文件

通过以下链接下载

https://nodejs.org/dist/v16.13.0/node-v16.13.0-x64.msi

1.2 安装

按安装步骤进行安装

2. VSCode 安装

2.1 下载安装文件

通过以下链接下载

https://code.visualstudio.com/Download

2.2 插件安装

必要插件安装

选择拓展

搜索 Chinese (Simplified) Language Pack for Visual Studio Code 并安装

切换显示语音 ,按 F 1,输入框输入 configure display language 选择 zh-cn

2.3 查看Node安装版本

检查版本是否符合要求

选择终端 > 新终端 ;查看 node 版本,16.x以上

node -v

image-20210325103731073

3. 运行 ylink-sdk-web-demo 工程

3.1 配置 Client ID 与 Client Secret

用于SDK 鉴权(鉴权仅支持 Cloud 生产环境)

image-20211231095715961

3.2 建立新终端 (ctrl + `)运行命令

运行项目

选择终端 > 新终端;在终端按顺序执行以下4条命令

npm i yarn -g
yarn install
yarn start

运行后页面

image-20211214212616759

3.3 pc浏览器调试

输入上一步骤中的地址

image-20211214212616759

输入会议号、密码、用户名后点击运行

新开标签页后按f12,出现以下页面,点击图中的按钮后,按f5刷新页面,即可正常调试

应选择 Responsive (响应),选择其他机型可能出现系统版本检测错误导致无法入会。

image-20230418163831066

3.4 移动端调试

输入3.2步骤中的地址

image-20211214212616759

输入会议号、密码、用户名后点击运行

4. SDK 版本更新

4.1 版本号更新

在 package.json 文件下的 dependencies -> @ylink-sdk/mobile-web 更新为新的版本号

image-20211231103619569

4.2 重新下载依赖

依赖下载

yarn install

4.3 重新运行

运行

yarn start
本页目录