admin管理员组

文章数量:1626224

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文件->安装到手机上看效果。

本文标签: 网站HBuilderxapp