体验与开发360小游戏
概述
360安全浏览器是第一款接入360小游戏的PC客户端,运行环境与微信小游戏基本一致,原则上一个任意游戏引擎开发的游戏,只要发布过微信小游戏,就可以快速移植为一个360PC小游戏。
360PC小游戏支持白鹭引擎,cocos-creator,layaair引擎,并在上述引擎上进行过测试确认可以顺利接入。
如果您在对接过程中遇到问题,请优先阅读【FAQ】部分
默认推介位置与进入路径
下载安装浏览器后,点击侧边栏小程序中心入口即可体验线上小程序和小游戏
浏览器侧边栏的“小程序应用中心”,也可以进入小游戏频道
- 用户喜欢的小游戏、小程序可以直接被用户主动添加到桌面,可以不通过浏览器、直接双击图标进入。
准备工作
- 下载并安装最新版本360浏览器 下载网址
- 下载并安装最新版本NodeJS 下载网址
- 启动一个命令行终端,确认在终端中输入
node -v
和npm -v
都可以显示当前版本号,而不是报错找不到命令。 - 在此命令行终端下,执行如下代码
npm install @egret/qhgame-bundler -g
这是白鹭提供的游戏打包脚本,其他游戏引擎的开发者也可以使用。 - 为了顺利开发小游戏,接下来,请申请APPID以及设置相关的安全域名。
关于APPID申请
- 对于首次未注册开发者,可以使用APPID:qyd3s4hybu4abcacf3 进行测试。
- 如何获取APPID?请开发者在 开发者中心 完善资料,并选择,行业为“小游戏”,并完善相关的信息。
- 申请完毕,开发者将获得一个APPID。可用于相关的小游戏开发。
默认demo
您可以通过浏览器内置的小程序开发者模式调试、体验以下小游戏demo 360小游戏demo
域名加白
为了实现浏览器可以顺利访问开发者API接口,需要将开发者涉及的域名加入到域名白名单。方法是在 https://mp.360.cn/#/applist 中点击对应的小游戏,并在开发设置中设置。每个小程序一个月内可修改5次。
打包运行
- 通过您使用的游戏引擎(白鹭/cocos-creator/layaair)发布一个微信小游戏
- 修改发布后的 game.json 文件,添加如下内容
{
"deviceOrientation": "portrait",
"networkTimeout": {
"request": 5000,
"connectSocket": 5000,
"uploadFile": 5000,
"downloadFile": 5000
},
"sdkversion": "1.0.0",
"window": {
"enableLargeWindow": false,
"showRefreshButton": false,
"windowWidth": 640,
"windowHeight": 1136,
"enableResize": false
}
}
- 添加
qhgame-adapter.js
文件。此文件由白鹭提供,各引擎均可用。 - 在 game.js 中将
require('weapp-adapter')
修改为require('qhgame-adapter');
需要添加到game.js的第一行。 - 打开一个命令行终端,执行以下脚本
qhgame-bundler 你的游戏文件夹
调试
- 打开360浏览器,在设置中选择【高级设置】 -> 【小程序开发者模式】,打勾 ,会多出一个选项卡【小程序开发者模式】
在选项卡【小程序开发者模式】中创建项目,打开刚才发布好的 项目(注意,不要打开项目中的 dist 文件夹)
360浏览器会自动加载项目中的 dist/game.js 文件。
注:打开调试模式之后,小游戏线上模式、小程序中心不可用,切回非调试模式即可。
更多细节内容,请参考本文框架、API、FAQ等部分以及白鹭相关内容:https://egret.yuque.com/docs/share/8b297c7d-8237-4184-a345-51a7dc28c598# (密码:hf2h)