快速入门

环境要求

Web SDK运行环境要求，如表1所示。

由于浏览器的安全策略限制，仅支持通过“https://域名”方式访问，否则无法正常加载运行智能交互WebSDK。

快速集成SDK

1. 建议将下载的SDK压缩包放置在自己项目的“sdk”目录下。
2. 在项目代码中引入“HwICSUiSdk”。
   • 如果通过<script>方式引入SDK，则通过访问HwICSUiSdk获取导出的模块：

     <script src='./sdk/HwICSUiSdk.js'></script>

   • 如果您直接引用华为WebRTC SDK静态JS文件，则通过以下方式访问：

     import { HwICSUiSdk } from './sdk/HwICSUiSdk'

   • 除以上JS文件引入之外，还需要引入CSS样式文件，可以直接通过link标签引入或者直接在项目中import：

     <link rel="stylesheet" href="./sdk/HwICSUiSdk.css">
     import './sdk/HwICSUiSdk.css'
     @import './sdk/HwICSUiSdk.css'

3. 检测浏览器是否支持SDK。具体接口详情，请参见checkBrowserSupport。

   1 2 3 4 5 6

   const result = await HwICSUiSdk.checkBrowserSupport(); if (result) { // 支持 } else { // 不支持 }

4. 为页面添加容器元素，供智能交互任务使用。
   容器元素中需要包含id属性。

   1	<div id="ics-sdk" style="width: 100vw;height: 100vh"></div>

5. 创建智能交互任务。具体接口详情，请参见create。

   1 2 3 4 5 6

   HwICSUiSdk.create({ serverAddress: 'metastudio-api.cn-north-4.myhuaweicloud.com', onceCode: 'aaa', robotId: 'aaa', containerId: 'ics-sdk', });