跑通示例源码

---

ZEGO 提供了服务端示例源码（Node.js）和客户端示例源码（Web），通过同时运行这两份示例源码，您可以快速构建应用，完整地体验已开通权限的小游戏效果；您也可以通过阅读示例源码，了解实现小游戏的基础实践。

本文分为两部分：

1. 跑通服务端示例源码（Node.js）
2. 跑通客户端示例源码（Web）

跑通服务端示例源码（Node.js）

准备环境

在运行客户端示例源码（Node.js）前，请确保开发环境满足以下要求：

• 已安装 Node.js。
• Windows 或 macOS 计算机已连接到 Internet。

前提条件

• 已在 ZEGO 控制台 创建项目，并获取该项目的 AppID 和 ServerSecret，详情请参考 控制台 - 项目信息。
• 已联系 ZEGO 商务人员开通小游戏服务。
• 已获取服务端示例源码，详情请参考 下载。

示例源码目录结构

下面目录结构为服务端示例源码的文件结构，本节所涉及的文件路径均为相对于此目录的路径。

ZegoMiniGameServerDemo
├── index.js        # 主文件
├── package.json    # 配置文件
└── utils
    ├── config.js    # 填写在 ZEGO 控制台创建的项目的 AppID 和 ServerSecret
    ├── gameToken.js # 服务端生成 Token 
    └── getToken04.js 

运行示例源码

1. 解压服务端源码压缩包 “ZegoMiniGameServerDemo.zip”，获取 “ZegoMiniGameServerDemo”文件夹。

2. 修改 “ZegoMiniGameServerDemo/utils/config.js” 文件，在下图红框标识区域填写 “AppID”。

   

3. 在同文件中，填写 “ServerSecret“。

   

   此文件提供的后台地址（host）https://mini-game-api.zego.im，为小游戏服务端的接入地址，不可替换。

4. 进入 “ZegoMiniGameServerDemo”文件夹，在终端执行以下代码，以启动小游戏服务端。

   npm i # 安装依赖
   node index.js

5. 执行代码后，即可获得服务端地址，可用作 客户端示例源码的后台服务地址。

   服务端示例源码运行后结果如图所示：

   

跑通客户端示例源码（Web）

准备环境

在运行示例源码前，请确保开发环境满足以下要求：

• 准备一台可以连接到互联网的 Windows 或 macOS 计算机。
• 使用最新版本的 Google Chrome 浏览器。

前提条件

• 已在 ZEGO 控制台 创建项目，获取项目的 AppID，详情请参考 控制台 - 项目信息。
• 已联系 ZEGO 商务人员开通小游戏服务并指定希望体验的小游戏。
• 已跑通服务端示例源码，详情请参考上文 跑通服务端示例源码（Node.js）。
• 已获取客户端示例源码，详情请参考 下载。

示例源码目录结构

下面目录结构为 Web 端示例源码的文件结构，下文所涉及的文件路径均为相对于此目录的路径。

ZegoMiniGameDemo
├── index.html      # 首页，在此文件选择进入弹幕游戏
├── gameDemo.html   
└── cloudGame
    ├── cloudGameDemo.html         # 弹幕游戏主播端 Demo，在此文件传入 AppID 和服务端地址
    ├── audience.html              # 弹幕游戏观众端 Demo
    └── ZegoExpressWebRTC-x.x.x.js # ZEGO Express SDK，用于推拉流

运行示例源码

1. 下载并解压示例源码 zip 包，获得示例源码文件夹。进入文件夹，通过以下 npm 指令获取最新 SDK。

   npm i zego-mini-game-engine

2. 使用代码编辑器打开 “index.html”，输入 AppID。

   

2. 修改 “index.html” 的 host 常量为根据本文 前提条件 跑通服务端示例源码后获得的地址。

3. 保存后使用 Google Chrome 浏览器打开 index.html，运行示例源码。