体验与开发360小游戏

概述

360安全浏览器是第一款接入360小游戏的PC客户端,运行环境与微信小游戏基本一致,原则上一个任意游戏引擎开发的游戏,只要发布过微信小游戏,就可以快速移植为一个360PC小游戏。

360PC小游戏支持白鹭引擎,cocos-creator,layaair引擎,并在上述引擎上进行过测试确认可以顺利接入。

如果您在对接过程中遇到问题,请优先阅读【FAQ】部分

默认推介位置与进入路径

  • 下载安装浏览器后,点击侧边栏小程序中心入口即可体验线上小程序和小游戏体验与开发360小游戏 - 图1

  • 浏览器侧边栏的“小程序应用中心”,也可以进入小游戏频道体验与开发360小游戏 - 图2

体验与开发360小游戏 - 图3

  • 用户喜欢的小游戏、小程序可以直接被用户主动添加到桌面,可以不通过浏览器、直接双击图标进入。体验与开发360小游戏 - 图4

准备工作

  • 下载并安装最新版本360浏览器 下载网址
  • 下载并安装最新版本NodeJS 下载网址
  • 启动一个命令行终端,确认在终端中输入 node -vnpm -v 都可以显示当前版本号,而不是报错找不到命令。 体验与开发360小游戏 - 图5
  • 在此命令行终端下,执行如下代码 npm install @egret/qhgame-bundler -g 这是白鹭提供的游戏打包脚本,其他游戏引擎的开发者也可以使用。
  • 为了顺利开发小游戏,接下来,请申请APPID以及设置相关的安全域名。

关于APPID申请

  • 对于首次未注册开发者,可以使用APPID:qyd3s4hybu4abcacf3 进行测试。
  • 如何获取APPID?请开发者在 开发者中心 完善资料,并选择,行业为“小游戏”,并完善相关的信息。 体验与开发360小游戏 - 图6体验与开发360小游戏 - 图7
  • 申请完毕,开发者将获得一个APPID。可用于相关的小游戏开发。

默认demo

您可以通过浏览器内置的小程序开发者模式调试、体验以下小游戏demo 360小游戏demo

域名加白

为了实现浏览器可以顺利访问开发者API接口,需要将开发者涉及的域名加入到域名白名单。方法是在 https://mp.360.cn/#/applist 中点击对应的小游戏,并在开发设置中设置。每个小程序一个月内可修改5次。

打包运行

  • 通过您使用的游戏引擎(白鹭/cocos-creator/layaair)发布一个微信小游戏
  • 修改发布后的 game.json 文件,添加如下内容
  1. {
  2. "deviceOrientation": "portrait",
  3. "networkTimeout": {
  4. "request": 5000,
  5. "connectSocket": 5000,
  6. "uploadFile": 5000,
  7. "downloadFile": 5000
  8. },
  9. "sdkversion": "1.0.0",
  10. "window": {
  11. "enableLargeWindow": false,
  12. "showRefreshButton": false,
  13. "windowWidth": 640,
  14. "windowHeight": 1136,
  15. "enableResize": false
  16. }
  17. }
  • 添加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)