发布到 vivo 小游戏

环境配置

  • 下载 快应用 & vivo 小游戏调试器vivo 小游戏引擎,并安装到 Android 设备上(建议 Android Phone 6.0 或以上版本)

  • 全局安装 nodejs-8.9.0 或以上版本

    注意:安装 nodejs 后,需要注意 npm 源地址是否为 https://registry.npmjs.org/

    1. # 查看当前 npm 源地址
    2. npm config get registry
    3. # 若不是,重新设置 npm 源地址
    4. npm config set registry https://registry.npmjs.org/
  • 全局安装 qgame-toolkit。确定 npm 源地址后,安装 qgame-toolkit

    1. npm install -g qgame-toolkit

    注意:从 v2.1.3 开始,无需安装 qgame-toolkit,但是需要安装 vivo-minigame/cli

    1. npm install -g @vivo-minigame/cli

    vivo-minigame/cli 安装失败,可能是因为 nodejs 版本过低导致的,请检查 node 版本并升级。

发布流程

一、使用 Cocos Creator 打开需要发布的项目工程,在 构建发布 面板的 发布平台 中选择 vivo 小游戏

发布到 vivo 小游戏 - 图1

相关参数配置具体的填写规则如下:

  • 应用包名

    该项为必填项,根据用户的需求进行填写。

  • 应用名称

    该项为必填项。是 vivo 小游戏的名称。而 构建发布 面板最上方的 游戏名称 则不参与 vivo 小游戏打包流程。

  • 桌面图标

    桌面图标 为必填项。点击输入框后面的 按钮选择所需的图标。构建时,图标将会被构建到 vivo 小游戏的工程中。桌面图标 建议使用 .png 图片。

  • 应用版本名称

    该项为必填项。应用版本名称 是真实的版本,如:1.0.0

  • 应用版本号

    该项为必填项。应用版本号应用版本名称 不同,应用版本号 主要用于区别版本更新。每次提交审核时应用版本号都要比上次提交审核的值至少 +1,一定不能等于或者小于上次提交审核的值,建议每次提交审核时应用版本号递归 +1。注意应用版本号 必须为正整数。

  • 支持的最小平台版本号

    该项为必填项。具体填写的值可通过点击 更新记录 来查看最新的 vivo 引擎版本号。

  • 资源服务器地址

    该项为选填项,用于填写资源存放在服务器上的地址。

    • 若不填写该项,则发布包目录下的 build/qgame/remote 文件夹将会被打包到 rpk 包内。

    • 若填写该项,则构建出来的 rpk 包将不包括 remote 文件夹,你需要手动将 remote 文件夹上传到所填写的资源服务器地址上。

  1. 具体的资源管理细节,请参考 [vivo 小游戏环境的资源管理](#vivo-%E5%B0%8F%E6%B8%B8%E6%88%8F%E7%8E%AF%E5%A2%83%E7%9A%84%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86)。
  • 密钥库

    勾选 密钥库 时,表示默认用的是 Creator 自带的证书构建 rpk 包,仅用于 测试和调试 时使用。
    如果不勾选 密钥库,则需要配置签名文件 certificate.pem 路径private.pem 路径,此时构建出的是可以 直接发布 的 rpk 包。用户可通过输入框右边的 按钮来配置两个签名文件。注意:这两个签名文件建议不要放在发布包 build/qgame 目录下,否则每次构建时都会清空该目录,导致文件丢失。

    有以下两种方式可以生成签名文件:

    • 通过 构建发布 面板 certificate.pem 路径 后的 新建 按钮生成。

    • 通过命令行生成 release 签名

      用户需要通过 openssl 命令等工具生成签名文件 private.pem、certificate.pem。其中在 build/qgame/sign/debug 目录下的证书仅供调试使用。

      1. # 通过 openssl 命令工具生成签名文件
      2. openssl req -newkey rsa:2048 -nodes -keyout private.pem -x509 -days 3650 -out certificate.pem

      注意:openssl 工具在 linux 或 Mac 环境下可在终端直接打开,而在 Windows 环境下则需要安装 openssl 工具并且配置系统环境变量。

  • 允许分离引擎 (v2.3.4 新增)

    该项为选填项。vivo 从平台版本号 1063 开始新增了 游戏引擎插件 功能。此插件内置了 Cocos Creator 引擎的官方版本,若玩家首次体验的游戏中启用了此插件,则所有同样启用此插件的游戏,都无需再次下载 Cocos Creator 引擎,只需直接使用公共插件库中的相同版本引擎,或者增量更新引擎即可。

    使用时勾选 允许分离引擎,然后正常构建发布即可,无需其它人工操作。具体可参考 微信小游戏引擎插件使用说明

  • 自定义 npm 文件夹路径

    该项为选填项,从 v2.0.10 开始可以自动获取到操作系统全局的 npm 路径,无需再手动设置。获取方法为:

    • Windows 系统:从系统获取环境变量中的路径
    • Mac 系统:从 Shell 的配置文件获取环境变量中的路径。

    如果获取不到,请确保 npm 已正常安装,并且能够在命令行环境下直接启动。获取到的 npm 将用于构建生成可运行的小游戏 rpk 包(rpk 包位于构建生成的小游戏工程 qgame 目录下的 dist 目录)。如果构建时找不到 npm 文件夹路径,则 Creator 只会导出小游戏工程目录,不会生成 rpk 包。

    v2.0.10 以下版本的填写规则如下:

    • 若不填写该项时,Creator 会默认在 Windows 系统上读取环境变量中的 npm 路径,在 Mac 系统上默认读取 /usr/bin/local 目录下的 npm 来构建导出可运行的小游戏 rpk 包。
    • 如果用户的电脑环境未安装 npm 或者读取不到系统中的 npm 路径时,则需要填写 自定义 npm 文件夹路径 来构建导出 rpk 包。填写规则如下:

      • Windows 系统

        1. # 获取本地 npm 安装路径
        2. where npm
        3. # 如果输出结果为:
        4. C:\Program Files\nodejs\npm
        5. # 则自定义 npm 文件夹路径填写为:
        6. C:\Program Files\nodejs
      • Mac 系统

        1. # 获取本地 npm 安装路径
        2. which npm
        3. # 如果输出结果为:
        4. /Users/yourname/.nvm/versions/node/v8.1.4/bin/npm
        5. # 则自定义 npm 文件夹路径填写为:
        6. /Users/yourname/.nvm/versions/node/v8.1.4/bin

二、构建发布 面板的相关参数设置完成后,点击 构建。构建完成后点击 发布路径 后面的 打开 按钮来打开构建发布包,可以看到在默认发布路径 build 目录下生成了 qgame 目录,该目录就是导出的 vivo 小游戏工程目录。

发布到 vivo 小游戏 - 图2

并且在 /build/qgame/dist 目录下会生成 rpk 包。

发布到 vivo 小游戏 - 图3

三、将打包出来的 rpk 运行到手机上。有以下三种方式可将 rpk 运行到手机上:

  • 方法一

    构建发布 面板点击 运行 按钮,等待二维码界面生成

    发布到 vivo 小游戏 - 图4

    然后在 Android 设备上打开之前已经安装完成的 快应用 & vivo 小游戏调试器,点击 扫码安装 按钮直接扫描二维码即可打开 rpk。

    发布到 vivo 小游戏 - 图5

  • 方法二

    将构建生成的小游戏 rpk 文件(位于小游戏工程 qgame 目录下的 dist 目录中)拷贝到手机 sdcard 目录下。

    在 Android 设备上打开之前已经安装完成的 快应用 & vivo 小游戏调试器,点击 本地安装,然后从手机 sdcard 目录中找到 rpk 文件,选择打开即可。

    发布到 vivo 小游戏 - 图6

  • 方法三

    利用 vivo 小游戏打包工具命令生成网址和二维码

    1. # 先把命令行指定到 qgame 目录下
    2. cd E:\workspace\YourProject\build\qgame
    3. # 生成网址和二维码
    4. npm run server

    然后在 Android 设备上打开之前已经安装完成的 快应用 & vivo 小游戏调试器

    最后点击 扫码安装 按钮,将第一步中生成的网址拷贝到浏览器,然后直接扫描网页上的二维码即可打开 rpk。

分包加载

vivo 小游戏从 v2.1.3 开始支持分包加载,用法与微信小游戏类似。详情请参考 分包加载

vivo 小游戏环境的资源管理

vivo 小游戏与微信小游戏类似,都存在着包体限制,不过 vivo 的主包包体限制是 4MB,超过的部分必须通过网络请求下载。

我们建议开发者在小游戏包内只保存脚本文件,其他的资源都从远程服务器下载。Cocos Creator 已经帮开发者做好了远程资源的下载、缓存和版本管理。具体的实现逻辑和操作步骤都与微信小游戏类似,请参考 微信小游戏资源的管理

参考链接