文档中心
RoomKit RoomKit
文档中心
体验 App
SDK 中心
API 中心
常见问题
代码市场
进入控制台
立即注册
登录
中文站 English
  • 文档中心
  • RoomKit
  • 进阶功能
  • 无 UI 集成(RoomKitCore)
  • 跑通示例源码

跑通示例源码

更新时间:2022-06-17 19:25

ZEGO 提供 RoomKit UI 层的源码作为 RoomKit Core 层的示例源码,如有需要,请联系 ZEGO 工作人员获取。

1 示例源码运行指引

本文介绍如何快速跑通示例源码,体验基础的 RoomKit 服务。

1.1 准备环境

  1. 已安装 node 环境 。

可以到 node 官网 下载后参考 教程 安装。

  1. Web 端:已安装 74 或以上版本的 Chrome 浏览器。

只支持 SSL 的 Web 服务器(https),localhost,127.0.0.1 等同于 https。

1.2 前提条件

已在 RoomKit 管理后台 创建项目,并获取初始化 RoomKit SDK 所必须的 SecretID、SecretSign、ProductID等信息。详见 开通 RoomKit 服务。

1.3 运行示例源码

  1. 更新源码中对 RoomKitCore SDK的依赖包。
    1. 将 package.json 文件中 dependencies 下的 "roomkit-core": "^1.0.0" 删除;
    2. 在根目录下新建 script 文件夹,解压联系 ZEGO 工作人员获取的 RoomKitCore SDK,将 ZegoRoomKitCore.js 文件放到文件夹中;
    3. 更新代码中对 RoomKitCore 的引用,将 src 文件夹内 zegoRoomKit.ts 中的 import { ZegoRoomKitCoreManager } from 'roomkit-core'; 改成 import { ZegoRoomKitCoreManager } from '../script/ZegoRoomKitCore.js';。
  1. 下载的示例源码中缺少 RoomKitCore SDK 初始化所需的信息,需要将 config.js 中必须的信息修改为 前提条件 中获取的信息,否则示例源码无法正确运行。

    /Pics/RoomKit/Web/config.png

  2. 在 Terminal 中切换到项目所在目录下,执行命令 npm install 安装依赖,安装完成后,执行命令 npm run dev 启动项目。

  3. 在 Terminal 打印的信息中,找到本地服务地址,如下图,然后在浏览器中打开,打开后会出现文件列表,双击 login.html 即可进入登录页面。

    /Pics/RoomKit/Web/rundev.png

在命令行/Terminal 中执行 Control+C 命令可以停止 server。

本篇目录
  • 免费试用
  • 提交工单
    咨询集成、功能及报价等问题
    电话咨询
    400 1006 604
    咨询客服
    微信扫码,24h在线

    联系我们

  • 文档反馈