# 快速入门
#### 快速集成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](https://support.huaweicloud.com/api-metastudio/metastudio_08_0010.html#metastudio_08_0010__section18997165620324)。
   
   ```
   const result = await HwICSUiSdk.checkBrowserSupport();
   if (result) {
     // 支持
   } else {
     // 不支持
   }
   ```
   
   
4. 为页面添加容器元素，供智能交互任务使用。 
   容器元素中需要包含id属性。
   ```
   <div id="ics-sdk" style="width: 100vw;height: 100vh"></div>
   ```
   
   
5. 创建智能交互任务。具体接口详情，请参见[create](https://support.huaweicloud.com/api-metastudio/metastudio_08_0010.html#metastudio_08_0010__section2207826163312)。
   
   ```
   HwICSUiSdk.create({
     serverAddress: 'metastudio-api.cn-north-4.myhuaweicloud.com',
     onceCode: 'aaa',
     robotId: 'aaa',
     containerId: 'ics-sdk',
   });
   ```