logo
当前页

示例源码运行指引


注意
  • 请联系 ZEGO 技术支持获取示例代码压缩包,并解压获取示例源码文件夹。
  • 本示例源码仅用于演示超级白板产品功能,源码对外开放,可供开发者接入时参考。但是示例源码本身未经过严格测试,若开发者计划将该示例源码用于生产环境,请确保发布前自行进行充分测试,避免发生潜在问题可能造成损失。
  • 本示例源码只针对桌面端浏览器做过适配,若需要在移动端使用,需要开发者自行做移动端适配工作。

准备环境

在开始集成 SDK 前,请确保开发环境满足以下技术要求:

  • React Native 0.60 或以上版本。
  • iOS 11.0 或以上版本且支持音视频的 iOS 设备或模拟器(推荐使用真机)。
  • Android 版本不低于 5.0 且支持音视频的 Android 设备或模拟器(推荐使用真机),如果为真机,请开启“允许调试”选项。
  • iOS/Android 设备已经连接到 Internet。
  • 安装 Node.js,推荐使用其官网首页展示的长期支持版

前提条件

示例源码目录结构

Untitled
zego_superboard_rn_example
├─ Gemfile
├─ README.md
├─ app.json
├─ babel.config.js
├─ index.js
├─ metro.config.js
├─ package.json
├─ src
│  ├─ App.tsx
│  └─ config.ts
└─ yarn.lock

1
Copied!

运行示例代码

填写配置文件

在 “src/config.ts” 文件中,填入本文 前提条件 已获取的 AppID 和 appSign。

安装依赖

  1. 完成配置后。进入工程根目录,启动终端并输入:

    Untitled
    yarn
    
    1
    Copied!
  2. (可选) 如果您需要运行 iOS 应用,请在终端输入以下命令:

    Untitled
    cd ios
    pod install
    
    1
    Copied!

    完成 install 后,输入以下命令返回到上级页面

    Untitled
    cd ..
    
    1
    Copied!

在 Android 设备上运行

  1. 按照 React Native 官方文档 Setting up the development environment - React Native CLI Quickstart 指引,配置开发环境。

  2. 将一台 Android 设备(推荐使用真机)连接到电脑。

  3. 在终端输入以下命令:

    Untitled
    yarn android
    
    1
    Copied!

在 iOS 设备上运行

  1. 按照 React Native 官方文档 Setting up the development environment - React Native CLI Quickstart 指引,配置开发环境。

  2. 将一台 iOS 设备(推荐使用真机)连接到电脑。

  3. 在终端输入以下命令:

    Untitled
    yarn ios
    
    1
    Copied!

常见问题

对于处于中国大陆的开发者,如果因为网络原因下载依赖失败,进而在 Android 设备上运行代码失败,应该如何处理?

在项目的 "/android/build.gradle" 文件的 allprojects 节点下添加以下代码,获取相关依镜像依赖:

Untitled
maven { url 'https://maven.aliyun.com/repository/public' }
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
1
Copied!

Previous

SDK 下载

Next

创建超级白板