网址打包(详细图文教程!) 使用HBuilder将网址打包成app

使用HBuilder将网址打包成app

使用工具:HBuilder

附上链接:https://www.dcloud.io/hbuilderx.html

教程目的:将封装好的项目网址打包成一个app,即可实现不需要每次输入网址,点击app即可;另外有强制横屏代码以及设置

新手摸索记录,如有错误请友善交流

一、安装HBuilder

点进以上网址进入下载,下载标准版即可
安装HBuilder
一路点击安装即可,可以自己更改安装地址

二、新建项目

点开HBuilder以后按以下路径新建项目
新建项目
如果只是打包一个网址的话,可以选择Wap2App,分别输入项目名称,以及网站地址,如www.baidu.com,注意此处网址即为app默认打开的网址
新建项目名称

三、强制横屏设置

单纯在manifest中设置横屏或者竖屏并不会起效,需要加入强制横屏代码,此代码写在app.js中
app.js
代码参照官方文档
代码:

// 锁定屏幕方向
	function lockOrientation(){
		plus.screen.lockOrientation("landscape-primary");
	},

将此代码写在app中即可,如图,具体横屏或者竖屏代码见下文manifest设置,此处以主屏幕横屏举例
代码位置
然后再manifest设置中同样更改横屏设置
manifest
横屏设置

四、打包生成app

首先可以在manifest-图标设置中设置app图标,并可以选择自动替换所有用到此图标的地方
更换图标
准备进行打包,打包的点击顺序为 发行-原生app(云打包)
云打包
此处注意,打包需要邮箱注册一下,会自己弹窗的,点击弹窗注册即可

准备打包
iOS打包

可以选择越狱,并注意去掉广告
iOS打包

Android 打包

注意去掉广告,按要求更改包名,然后使用老版证书
使用老版证书需要实名认证,点击打包会自己弹窗,点击实名即可,大概一个小时左右即可认证成功
如果等不及可以使用公共测试证书
Android打包
当图标没有叉号便表示可以打包
可以打包
不能打包举例
不能打包
可以打包以后,点击下方打包即可运行
如果打包过程中出现 “请安装真机插件!” 按照下图安装
真机插件
可以打包以后便会出现正在打包的提示
正在打包
打包成功后,点击下载链接即可下载你的网址打包app啦!
下载链接

如果有帮助,请您点个赞或是收藏啦

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值