uniapp打包鸿蒙版本 || 打包部署鸿蒙 || HarmonyOS

4,862 阅读2分钟

一、前言

随着 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

image.png

2、uniapp进行鸿蒙配置文件生成

image.png

3、华为开发者平台登录进行生成证书

  1. 利用DevEco-Studio开发工具生成 证书请求文件(CSR)文件 (包含 .p12文件,.csr文件)

生成 test.p12 文件、test.csr文件

image.png

  1. 登陆华为开发者, 证书、APP ID和Profile 管理中心 -> 进行生成证书(点我,直接登陆进自己的账号)

image.png

  1. 下载保存 test_ certificate.cer 文件

image.png

4、证书、APP ID和Profile 管理中心 -> 创建 APP ID

image.png

  1. 创建应用 image.png

  2. 选择应用归属项目 image.png

  3. 直接下一步,如果有特殊能力可以自行选择 image.png

5、生成 Profile

image.png

image.png

下载 .p7d 文件 到本地 image.png

6、Project Structure 生成配置文件,
  1. 新增一个发布版本的,名字:release image.png

  2. 生成 build-profile.json5 中的配置 image.png

  3. 生成的配置 image.png

7、uniapp中,将DevEco-Studio生成的配置添加进项目中的build-profile.json5文件中

image.png

8、uniapp中,调整 app.json5 中的配置,更改包名为上面自己生成应用的包名

image.png

9、打包

image.png 会生成两个app文件 image.png

10、测试应用上传是否福符合社区上传规则的校验
  1. 选择我的应用 -> 软件包管理 -> 上传 (点我链接快捷跳转)

image.png

image.png

image.png

四、结语

剩下的就是在华为开发者平台中上架正式商店和补充基础信息了。

如果你觉得还不错,给博主点个赞收藏吧~🩷🩷🩷