更新时间:2024-01-24 GMT+08:00
分享

跑通Electron Demo

本小节描述如何快速编译并运行客户端SDK的Electron Demo。

环境要求

在Electron Demo的编译运行过程中请满足如下环境要求。

表1 Windows环境要求

环境和工具名称

版本要求

说明

操作系统

Windows 10专业版

硬件要求:

  • CPU:i5-2400四核 3.1GHz及以上
  • 内存:4GB及以上

Python

3.x

可选,仅在需要重新编译addon插件时才需要

Microsoft Visual Studio

Visual Studio 2017

可选,仅在需要重新编译addon插件时才需要

Node.js

16.20.0及以上,64位

NA

Electron

13.6.7及以上

NA

测试资源及App ID申请

NA

请参见“开发前准备”。

Node.js和Electron的版本配套关系,请参考https://www.electronjs.org/zh/docs/latest/tutorial/electron-timelines

表2 Mac环境要求

环境和工具名称

版本要求

说明

操作系统

MacOS 10.15

NA

XCode

12.0及以上

NA

Node.js

16.20.0及以上

NA

Electron

13.6.7至24.8.8

NA

测试资源及App ID申请

NA

请参见“开发前准备”。

操作步骤

  1. 下载SDK和Demo源码

    1. 按照“SDK下载”章节,下载Electron SDK的ZIP包(如hwmsdk-electron-70.16.5.zip)。
    2. 解压ZIP包,得到如下文件及目录。
      图1 SDK包目录结构

  2. 环境准备

    1.Nodejs

    2. 如确认Nodejs已经安装,请先配置npm镜像

    安装依赖前先配置npm镜像,以提高安装速度,执行以下命令:

    npm config set registry http://registry.npm.taobao.org/
    npm config set electron_mirror https://npm.taobao.org/mirrors/electron/

    1. 如果已经安装node,请先确定自己node版本是32位还是64位,可以执行cmd/shell命令查看node版本的位数,结果:x64为64位, ia32为32位。

    $ node -p "process.arch"

    2. 如果没有安装node,可到nodejs官网下载对应版本。

  3. 申请App ID,并替换Demo中的App ID

    App ID申请步骤请参考“App ID鉴权介绍”。申请审批完成后将获得一个App ID。

    将"hwmsdk-electron\packages\hwmsdk-electron-demo\src\UIDemo\login\Init\index.js"中的appId替换为申请到的App ID。如下图所示:

    图2 替换App ID

  4. 运行Electron Demo

    1.运行hwmsdk-electron目录下编译Demo工程的bat或sh脚本。脚本会安装相应的环境,拷贝sdk库和HwmUisdk.node,将ts转为js,并触发编译,然后运行demo。
    • 如果需要运行Windows 32位demo,node版本是32位,执行run_demo_win32.bat
    • 如果需要运行Windows 64位demo,node版本是64位,执行run_demo_x64.bat
    • 如果需要运行Mac demo,执行run_demo_mac.sh

      bat或sh脚本的作用:

      • 编译ts接口,生成js和types文件。
      • 将对应平台的的SDK文件拷贝到对应的目录下("sdk/win32"、"sdk/x64"、"sdk/mac")。
      • 运行Demo。
      图3 Electron Demo主界面

  5. 使用Electron Demo

    • 点击“Init”初始化SDK。(如果是32位,ExePath不用填)
      图4 初始化SDK

    ExePath是Windows SDK的HwmSdk所在的绝对路径,示例路径:“D:\path\to\hwmsdk-electron-70.16.5-src\hwmsdk-electron\sdk\x64\HwmSdk\HwmSdk.exe”。

    图5 登录
    图6 创建会议

分享:

    相关文档

    相关产品