前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >hbuilderx 打包_下载hbuilder的方法

hbuilderx 打包_下载hbuilder的方法

作者头像
全栈程序员站长
发布2022-11-16 18:19:30
2.7K0
发布2022-11-16 18:19:30
举报

下载地址:https://www.dcloud.io/hbuilderx.html

1.新建项目

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

2.选择图标

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

3.选择启动图片

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

4.设置配置文件,下面的代码主要是去掉了默认的导航栏和退出时不要显示反馈信息

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法
代码语言:javascript
复制
{
    "global": {
        "webviewParameter": {
            "titleNView": {
                "autoBackButton": true,
                "backgroundColor": "#f7f7f7",//导航栏背景色
                "titleColor": "#000000",//标题颜色
                "titleSize": "17px"
            },
            "statusbar": {
                //系统状态栏样式(前景色)
                "style": "dark"
            },
            "appendCss": "",
            "appendJs": ""
        },
        "easyConfig": {
			"quit"	: {
				"toast"	: {
					"showFeedback"	: false
				}
			}
		}
    },
    "pages": [
        {
            "webviewId": "__W2A__food.mojocube.com",//首页
            "matchUrls": [
                {
                    "href": "http://www.mojocube.com/"
                }, {
                    "href": "http://www.mojocube.com/"
                }
            ],
            "webviewParameter": {
                "titleNView": false,
                "statusbar": {
                    //状态条背景色,
                    //首页不使用原生导航条,颜色值建议和global->webviewParameter->titleNView->backgroundColor颜色值保持一致
                    //若首页启用了原生导航条,则建议将首页的statusbar配置为false,这样状态条可以和原生导航条背景色保持一致;
                    "background": "#f7f7f7"
                }
            }
        },
		{
			//未适配的公共页面,可拦截原生下载和头部导航栏, 注:通配符的规则 放在最后一个节点才能达到适配所有未适配的公共页面效果,适配规则优先级为自上而下查找匹配规则
		   "webviewId": "common",  
		   "matchUrls": [  
			   {  
				   "hostname": "R:.*",  
				   "pathname": "R:.*"  
			   }  
		   ],  
		   "webviewParameter": {  
			   "titleNView": false  
		   }
	   }
    ]
}

Jetbrains全家桶1年46,售后保障稳定

5.提交并打包下载

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

这样APP就设置好了,打包进度可以在下面的控制台查看,打包完就可以下载了:

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

如果没有安装安心打包插件,会弹出以下提示框,点击“安装”继续

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

插件安装完成后需重新点击“打包”按钮提交打包

打包完成后自动保存到项目的”unpackage/release/apk/”目录

这里如果以前没用过的用户可能都会提示“请先下载真机运行插件然后在重新打包”

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

根据下图提示位置点击,去下载安装一下插件,安装完成后,重复上面的打包操作即可!

hbuilderx 打包_下载hbuilder的方法
hbuilderx 打包_下载hbuilder的方法

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/231311.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2022年10月31日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档