Uniapp多端运行及部署（鸿蒙篇）_uniapp运行到鸿蒙

1.点击链接进入官网下载最新版HBuilder x工具（uniapp）

DCloud - 数字天堂官网、HBuilderX、HBuilder、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架

2.下载安装后打开开发者工具，点击左上角文件新建一个uniapp项目，初次使用建议使用Hello uni-app x模板或Hello uni-app模板，内容为uniapp内嵌uni组件方便后续进行项目开发

3.开发-HarmonyOS NEXT鸿蒙应用开发平台-华为开发者联盟

点击链接进入官网下载最新版DevEco Studio(鸿蒙开发者工具)

4. 在 HBuilderX 中设置 DevEco Studio 的安装位置

HBuilderX 依赖于 DevEco Studio 里面带的鸿蒙工具链，所以需要电脑已经安装了符合版本要求的 DevEco Studio。

打开 HBuilderX，点击上方菜单 - 工具 - 设置，再点击 运行配置，在鸿蒙运行配置中设置 DevEco Studio 的安装路径。

下载成功后进入Idea，点击右上角No Devices点击设备管理器新建一个鸿蒙真机虚拟机，下载完成后点击虚拟机打开并运行

回到HBuilderx

选择准备部署的项目，点击运行之后选择运行到手机或者模拟器，选择运行到鸿蒙

如果没有侦测到有设备运行中，点击刷新获取模拟器真机设备，之后点击下方配置调试证书

初次使用点击（证书签名配置详情）进入运行和发行 | uni-app官网

根据文档内容获取   私钥库文件（.p12）|   证书文件（.cer）|   签名描述文件（.p7b）

进入（AppGallery Connect）选择（证书，APP ID和Profile ）点击《证书管理操作指导》，获取手动创建证书必须的CSR请求文件

之后新增证书，新增成功后下载证书获取.cer文件

之后点击设备选择添加设备，添加已有的或者虚拟机（鸿蒙系统）

之后点击Profile，填入应用名称，添加刚刚下载好的证书和已经添加成功的鸿蒙设备

5.证书资料文件

如果已经在 AppGallery Connect（AppGallery Connect） 中手动申请过证书，则开发者手中应该已经掌握了所有的必备信息（三个文件，两个密码和一个私钥别名），填写到对话框中即完成配置。 其中三个文件的位置如果位于 harmony-configs 目录里面，则会被处理为相对路径。

如果是通过 DevEco Studio 自动申请的调试证书，在 build-profile.json5 文件里能找到完整的证书配置信息。 需注意的是，在保存那三个文件的目录里还应该有一个 material 子目录，它跟私钥库文件（.p12）和两个密码是配合使用的，如果想把私钥库文件移到别的地方去，这个 material 目录也要复制过去（否则密码将失效）。

6.应用包名

自动申请得到的签名描述文件是跟给定的包名绑定的，只能用于对设置了相同包名的项目进行签名。

如果是自己手动申请的签名证书，请注意与这里的包名保持一致，否则在填写了签名描述文件之后会出现提示警告。

7.完成余下的设置

检测运行设备存在之后填写刚刚获取到的（私密库文件（p12），自己设置的两个密码，证书文件（cer）和签名描述文件（p7b））之后点击保存

点击保存之后，点击manifest.json的鸿蒙App配置如果可以查看到（调试证书已配置）即为配置成功

8.将uniapp项目运行到鸿蒙设备或者虚拟机

选择项目，点击左上角运行，刷新获取鸿蒙设备之后点击运行

9.运行完成

Hbuilderx安装依赖成功后，返回到DevEco Studio查看虚拟机，如果虚拟机出现下图图标则为运行部署成功