Hbuilder中可以创建一种wap2app的项目,把网页直接包装成App非常实用,减少很大的维护成本,实测下来效果很不错,非常流畅和原生没什么差别。
首先,查看官方教程:文档 - DCloud问答
必做事项:
1-创建项目:
新建 -> 项目 -> 选中左侧【Wap2App】
配置网站访问入口(建议使用首页url,在首页鉴权无token再跳转到login,避免每次打开都要登录),选“默认模版”
2- 真机调试运行
现在已经可以看看效果了,打开项目,点击菜单:运行-运行到手机或模拟器-运行到Android App基座
用USB线把手机插在电脑上,我是华为手机,刷新还是没反应。
点击弹窗右上角的【故障排查指南】:真机运行常见问题@run | uni-app官网
具体操作步骤:
a.手机端打开开发者模式:设置 -> 关于手机(最底部)-> 连续点击【HarmonyOS版本】7次
b.手机端打开usb调试:设置-> 系统和更新 -> 开发人员选项 -> 打开【USB调试】, 打开【‘仅充电’模式下允许ADB调试
c.电脑端安装华为手机助手,连接手机和授权:
安装好华为手机助手,使用【USB数据线连接】,第一次连接会在手机上安装一个华为手机助手的App
打开华为手机助手App,会显示8位电脑连接验证码,在电脑端点:usb数据线连接, 输入验证码连接
然后点电脑端手机助手顶部的菜单:我的设备(这一步不知道是不是必须,但是之前没点就经常会失败),手机端会弹出授权提示,输入手机锁屏密码,授权完毕
d window任务栏右下角,退出电脑端【华为手机助手】!!!
一定要退出,如果不退出,Hbuilder还是经常会刷新不出手机来
e. 此时手机出现,可以运行了。
第一次运行的时候,会在手机上装一个Hbuilder App
巨坑提示:千万不要把这个Hbuilder App删掉!!!一旦删掉之后,后面就不能再运行了,而且控制台不会报错,找了很久才找到原因。需要手动修复,参考文章:我是这样解决 HBuilderX 安卓基座安装失败的问题_同步资源失败,未得到同步资源的授权,请停止运行后重新运行,并注意手机上的授权提-CSDN博客
修复Hbuilder App的关键步骤(备份):
a.找到adb.exe
在{hbuilder安装目录}\plugins\launcher-tools\tools\adbs (例如D:\HBuilderX\plugins\launcher-tools\tools\adbs )
打开powershell并进入该目录:空白处右键->在终端中打开
b.查看手机第三方应用列表
.\adb.exe shell pm list package -3
有可能找到io.dcloud.HBuilder,也有可能找不到(我就没找到),找不到也没关系,继续操作即可。
c. 删除 io.dcloud.HBuilder
.\adb.exe uninstall io.dcloud.HBuilder
d. 重新安装Hbuiler App:在电脑打开 HBuilderX
,运行 – 运行到手机或模拟器 – 运行到 Android App 基座 – 运行。
运行成功后,就能看到手机App打开网页的效果了,功能一切正常,但是App的图标全是默认的Hbuiler,还不能直接打包发布。
3-发布配置
a.配置项目图标
打开项目根目录的manifest.json, 基础配置不用改,直接点击左侧【图标配置】,点击【浏览】,上传一个1024×1024的logo图标;再点击【自动生成所有图标并转换】,就会生成所有需要的图,也可以根据需要自行在下面修改。
b.配置启动界面
选中:启动界面显示等待雪花、自动关闭启动界面
填写延迟时间:500(毫秒)
Android 启动界面设置, 选择:自定义启动图(底下的启动图片可以自行修改)
iOS启动界面设置:没试过, 没有苹果手机
c.模块配置:可以把不需要的模块勾选去掉
4-发行打包
如果没有特殊需求,建议使用云打包,最简单。
证书可以用自有, 按照教程生成就好了:Android平台签名证书(.keystore)生成指南 - DCloud问答
嫌麻烦也可以直接用云端证书。
渠道包暂时没做过。
配置好证书,点击打包就可以了。
免费的云打包一般要排队20分钟或者更长时间,嫌速度慢可以付费加速(一次2块?)。
打包好以后就可以看到控制台显示的apk所在目录(unpackage\release\apk\)
可以右键点击该APK文件->安装到手机上看效果。