项目简介
本项目是基于npm包管理工具和bixin-sug SDK的游戏接入系统。开发者可通过简单配置与代码集成,快速将游戏集成到项目中,无需关注底层细节。项目还提供详细接入文档和示例代码,便于开发者快速上手。
项目的主要特性和功能
- 借助bixin-sug实现游戏快速接入。
- 提供详细接入文档,包含快速接入指南和SDK调用时序图。
- 示例代码涵盖完整接入流程,如安装bixin-sug、导入模块、实现登录接口、添加挂载元素和加载游戏等步骤。
安装使用步骤
一、安装bixin-sug模块
- 打开终端,进入项目目录。
- 执行命令
npm install bixin-sug --save
安装bixin-sug模块。
二、集成bixin-sug SDK
- 在项目内导入SUG模块,示例:
import SUG from 'bixin-sug'
。 - 把项目提供的Demo中的
game.js
文件复制到项目中,并按需修改。
三、实现登录接口
在QuickStart
文件中实现getCode
的登录接口请求,将示例中的URL替换为实际的后端服务接口地址。
四、添加挂载元素
在项目的页面文件里添加一个用于挂载游戏的元素,示例:<div style={{width: '100vw', height: '100vh'}} id='gameRoot'></div>
。
五、加载游戏
使用bixin-sug SDK加载游戏,依据接入方和SUG SDK调用时序图配置相关参数并调用loadGame
方法。示例代码如下:
javascript
import { SDKGameView } from "../common/game";
const gameRoomId = 'xxxx'; // 业务自身的roomId
const gameCode = 'xxxxx'; // 接入的游戏code
const sdk = new SDKGameView({
root: document.querySelector("#gameRoot"),
gameCode,
roomId,
});
sdk.loadGame({});
至此,游戏已成功接入项目并可运行。如需更多配置和使用细节,请参考项目提供的接入文档和示例代码。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】