一、前言
随着 BuilderX 4.27
版本开始,uni-app 支持Harmony Next
平台的App开发。
有些之前使用uniapp开发多端的公司,老版本就开始琢磨省钱办大事,想把原有的uniapp改造然后打包部署在鸿蒙系统上。
uniapp官网的部署说明其实还算可以,整体上的大点都有说明,但是有些点上不注意的话,还是巨让人折磨,在打包和打包的路上反复横跳~
uniapp官网的指导链接:uniapp.dcloud.net.cn/tutorial/ha…
有点细
,请耐心观看,下面是我对整体下来的步骤和心得~
二、开发和打包部署的前置准备
1、开发工具需要 DevEco-Studio 5.0.3.400+(下载地址链接)
2、uniapp开发工具 HBuilderX 需要 HBuilderX 4.27+(版本等级不足的自行点击开发工具下方的更新即可)
3、鸿蒙模拟器的部分可以参考uniapp 官网指导在DevEco-Studio工具内进行下载。
4、鸿蒙开发者账号的注册,自行注册即可(注册地址链接)
三、详细步骤
1、DevEco-Studio 新建空项目
包名:com.example.mytestappproject
2、uniapp进行鸿蒙配置文件生成
3、华为开发者平台登录进行生成证书
- 利用DevEco-Studio开发工具生成 证书请求文件(CSR)文件 (包含 .p12文件,.csr文件)
生成 test.p12 文件、test.csr文件
- 登陆华为开发者, 证书、APP ID和Profile 管理中心 -> 进行
生成证书
(点我,直接登陆进自己的账号)
- 下载保存 test_ certificate.cer 文件
4、证书、APP ID和Profile 管理中心 -> 创建 APP ID
-
创建应用
-
选择应用归属项目
-
直接下一步,如果有特殊能力可以自行选择
5、生成 Profile
下载 .p7d 文件 到本地
6、Project Structure 生成配置文件,
-
新增一个发布版本的,名字:release
-
生成 build-profile.json5 中的配置
-
生成的配置
7、uniapp中,将DevEco-Studio生成的配置添加进项目中的build-profile.json5文件中
8、uniapp中,调整 app.json5 中的配置,更改包名为上面自己生成应用的包名
9、打包
会生成两个app文件
10、测试应用上传是否福符合社区上传规则的校验
- 选择我的应用 -> 软件包管理 -> 上传 (点我链接快捷跳转)
四、结语
剩下的就是在华为开发者平台中上架正式商店和补充基础信息了。
如果你觉得还不错,给博主点个赞收藏吧~🩷🩷🩷