手把手教你将H5游戏打包为手游

H5游戏可以通过快应用的web组件快速打包成快游戏，打包上架后的快游戏，只要原H5游戏的url不发生变动，快游戏就不需要做更新，维护工作量小。

使用快应用IDE，打包快游戏的操作很简单。

访问官网安装开发工具，在PC上安装快应用IDE。
单选择“文件 > 新建项目 > 新快应用项目”，创建项目，模板选择“HTML5游戏模板”。

应用名称：应用的名称，对应manifest.json文件中的name字段。
rpk包名：应用的包名，对应manifest.json文件中的package字段。

点击“OK”，创建快游戏项目。
配置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
}
}

编辑加载H5游戏的.ux文件，项目工程以hello.ux文件为例。

src：配置H5游戏的url。
fullscreendirection：设置游戏的方向。landscape：横屏，portrait：竖屏。
jumppolicy：游戏内链接跳转的策略。如果游戏内有广告，建议设置为browser，并且将multiwindow设置为true。
allowthirdpartycookies：标识是否支持跨域cookies传递，默认为false。如果网页需要跨域访问cookie，比如使用第三方帐号登录，则必须设置该字段为true。
trustedurl：如果游戏登录成功加载页面和游戏打开页面不同，请进行设置。

菜单选择“工具 > 生成证书”，检查是否已经生成正式证书。如果没有生成，则点击“创建”生成证书，证书保存在sign > release目录下。务必保管好证书，一旦丢失将无法找回。

菜单选择“构建 > 打包正式版本”，打包正式的快游戏rpk包，生成的rpk包存放在项目工程的dist目录下。

注意：提交上架应用市场的快游戏必须是通过此方式打包的正式包。

最后整个快游戏工程的目录结构如下：

到此，您已经成功将H5游戏打包成快游戏，如果您还想在快游戏中集成更多功能，并测试运行您的手游，请参考开发快游戏（H5版本）官方文档。

手把手教你将H5游戏打包为手游相关推荐

h5 nan_手把手教你将H5游戏打包成快游戏
H5游戏可以通过快应用的web组件快速打包成快游戏,打包上架后的快游戏,只要原H5游戏的url不发生变动,快游戏就不需要做更新,维护工作量小. 使用快应用IDE,打包快游戏的操作很简单. 访问官网安装 ...
html5赛车小游戏,H5赛车游戏大全_h5赛车小游戏大全_好玩的赛车h5游戏_爱手游网...
街头赛车比赛,体验不一样的赛车刺激感.游戏中,玩家通过适时踩下油门来获取前进的动力.提前到达终点打败对手,即可获得丰富的金币奖励.通过这些金币玩家可以购置新车和升级赛车装备,听着是不是已经欲罢不能也想 ...
手把手教你将H5项目打包桌面应用
最近在做的项目,因为素材敏感,要求前端安全防护防止素材被copy.选用的技术方案是利用NW将H5打包成桌面应用,这样资源请求是无法在控制台查看的,做了一些基本的限制;博客分为两篇,第一篇主要讲 NW基 ...
手把手教你 Creator 2.x 打包 Android APK（Mac篇）
上一篇我们分享了<手把手教你 Creator 2.x 打包 Android APK(Windows篇)>,今天继续分享 MAC 下的 Android 环境配置. 官方文档: 安装配置原生开 ...
手把手教你将pyqt程序打包成exe(1)
手把手教你将pyqt程序打包exe 文章目录手把手教你将pyqt程序打包exe 0x00 环境说明 0x01示例1(没有其他外部资源文件) 1. 单文件打包 2. 单文件夹打包 0x00 环境说明 ...
[ROC-RK3568-PC] 手把手教你编译Linux_SDK并打包Buildroot系统固件
✏️ROC-RK3568-PC入门篇连载进程: ✅ [ROC-RK3568-PC] 手把手教你把出厂的Android系统烧写为Ubuntu系统 ✅ [ROC-RK3568-PC] 手把手教你制作Ubu ...
猜字小游戏java方法体,手把手教你猜字小游戏，
手把手教你猜字小游戏, package test07; import java.util.Scanner; //猜字符游戏 public class Guessing { //主方法 public s ...
手把手教你如何Vue项目打包dist文件并Tomcat发布【超级详细】
???作者:bug菌博客:CSDN.掘金等 ??公众号:猿圈奇妙屋 ??特别声明:原创不易,转载请附上原文出处链接和本文声明,谢谢配合. ??版权声明:文章里可能部分文字或者图片来源于互联网或者百度 ...
视频教程-H5入门-系列手机游戏开发-过河-手游开发
H5入门-系列手机游戏开发-过河 20年软件项目开发管理经验工信部人才交流中心特聘专家讲师日本U-CAN在线教育特聘主任讲师国家十二·五规划软件工程教材作者(书:清华大学出版社出版) 中国软件行 ...

手把手教你将H5游戏打包为手游

手把手教你将H5游戏打包为手游相关推荐

最新文章

热门文章