手把手教你將H5游戲打包成快游戲


H5游戲可以通過快應用的web組件快速打包成快游戲,打包上架后的快游戲,只要原H5游戲的url不發生變動,快游戲就不需要做更新,維護工作量小。

使用快應用IDE,打包快游戲的操作很簡單。

  1. 訪問官網安裝開發工具,在PC上安裝快應用IDE。

  2. 菜單選擇“File > New Project > New QuickApp Project”,創建項目,模板選擇“HTML5 Game”。

  • App Name:應用的名稱,對應manifest.json文件中的name字段。

  • Package Name:應用的包名,對應manifest.json文件中的package字段。
    在這里插入圖片描述

  1. 點擊“OK”,創建快游戲項目。

  2. 配置manifest.json文件。

  • package:快游戲的包名,一旦上架,此包名不能再修改,否則將無法升級版本。

  • name:快游戲的名稱。

  • versionName:快游戲版本名稱,升級時需要+1,比如2.0.0。

  • versionCode:快游戲版本號,升級時需要+1,比如2。

  • icon:快游戲的logo圖標,創建桌面圖標時使用,logo.png需要替換為H5游戲的圖標。

  • minPlatformVersion:支持的最小平台版本號,原理同Android API Level,為避免上線后低版本導致不兼容,建議設置為最高版本,例如1070。

{
"package": "com.huawei.quickgamedemo",
    "name": "QuickGameDemo",
    "versionName": "1.0.0",
    "versionCode": 1,
    "icon": "/Common/logo.png",
    "minPlatformVersion": 1070,
    "features": [
        {
            "name": "system.prompt"
        },
        {
            "name": "service.pay"
        },
        {
            "name": "service.account"
        }
    ],
    "permissions": [
        {
            "origin": "*"
        }
    ],
    "config": {},
    "router": {
        "entry": "Hello",
        "pages": {
            "Hello": {
                "component": "hello"
            }
        }
    },
    "display": {
        "titleBar": false,
        "fullScreen": true
    }
}
  1. 編輯加載H5游戲的.ux文件,項目工程以hello.ux文件為例。
  • src:配置H5游戲的url。

  • fullscreendirection:設置游戲的方向。landscape:橫屏,portrait:豎屏。

  • jumppolicy:游戲內鏈接跳轉的策略。如果游戲內有廣告,建議設置為browser,並且將multiwindow設置為true。

  • allowthirdpartycookies:標識是否支持跨域cookies傳遞,默認為false。如果網頁需要跨域訪問cookie,比如使用第三方帳號登錄,則必須設置該字段為true。
    在這里插入圖片描述

在這里插入圖片描述

  • trustedurl:如果游戲登錄成功加載頁面和游戲打開頁面不同,請進行設置。
  1. 菜單選擇“Tools >Certificate”,檢查是否已經生成正式證書。如果沒有生成,則點擊“Create”生成證書,證書保存在sign > release目錄下。務必保管好證書,一旦丟失將無法找回。
    在這里插入圖片描述

  2. 菜單選擇“Build> Run Release”,打包正式的快游戲rpk包,生成的rpk包存放在項目工程的dist目錄下。
    注意:提交上架應用市場的快游戲必須是通過此方式打包的正式包。

最后整個快游戲工程的目錄結構如下:
在這里插入圖片描述

  至此,您已經成功將H5快游戲打包成快游戲,如果您還想在快游戲中集成更多功能,並測試運行您的快游戲,請參考開發快游戲(H5版本)官方文檔。


原文鏈接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0203363609009640070&fid=18
作者:鼓樓趙又廷


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM