logo
当前页

跑通示例源码


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

本文分为两部分:

  1. 跑通服务端示例源码(Node.js)
  2. 跑通客户端示例源码(Web)
注意
  • 以上源码用于演示产品功能,仅供开发者接入时参考,ZEGO 不负责源码的后续维护。
  • 以上示例源码未经严格测试,若开发者计划将源码用于生产环境,请确保发布前进行充分测试,避免发生潜在问题造成损失。

跑通服务端示例源码(Node.js)

注意

为保障数据安全,本服务端示例源码不得用于上线。对于擅自将本服务端源码用于生产环境而造成的一切风险和损失,ZEGO 不负任何责任。

准备环境

在运行客户端示例源码(Node.js)前,请确保开发环境满足以下要求:

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

前提条件

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

示例源码目录结构

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

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

运行示例源码

1
解压服务端源码压缩包 “ZegoMiniGameServerDemo.zip”,获取 “ZegoMiniGameServerDemo”文件夹。
2
修改 “ZegoMiniGameServerDemo/utils/config.js” 文件,在下图红框标识区域填写 “AppID”。
3
在同文件中,填写 “ServerSecret“。
4
进入 “ZegoMiniGameServerDemo”文件夹,在终端执行以下代码,以启动小游戏服务端。
Untitled
# 安装依赖
npm i 
node index.js
1
Copied!
5
执行代码后,即可获得服务端地址,可用作客户端示例源码的后台服务地址。

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

跑通客户端示例源码(Web)

准备环境

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

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

前提条件

示例源码目录结构

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

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

运行示例源码

1
下载并解压示例源码 zip 包,获得示例源码文件夹。进入文件夹,通过以下 npm 指令获取最新 SDK。
Untitled
npm i zego-mini-game-engine
1
Copied!
2
使用代码编辑器打开 “index.html”,输入 AppID。
3
修改 “index.html” 的 host 常量为根据本文前提条件跑通服务端示例源码后获得的地址。
4
保存后使用 Google Chrome 浏览器打开 index.html,运行示例源码。

Previous

体验 App

Next

集成 SDK