uniapp如何编译成鸿蒙运行_uniapp运行到鸿蒙

技术文档

前言
uniapp本身是一个基于Vue.js的跨平台开发框架，可以使用一套代码同时构建IOS、Android、Web以及小程序应用。可以通过编译转换将Vue语法适配到不同平台，来提升开发的效率。因为uniapp的“一次开发，多端发布”策略，可以减少开发者针对不同平台重复编写逻辑代码。接下来就是将uniapp的项目编译成鸿蒙运行的步骤。
一、创建一个新项目（demo1）
下载好uniapp后开始运行，打开后点击左上角文件-新建-1.项目就会出现如下图所示：

接下来直接使用默认模版 -输入项目名称（demo1）-版本选择3-最后点击创建。
创建后在左侧会出现项目名demo1

二、开始运行
在最上面有一排菜单栏，找到运行-运行到手机或模拟器-运行到鸿蒙

就会出现下图：

启动鸿蒙模拟器，新建项目uniapp-设备管理器

点击进去后就能看见本地模拟机，如果没有，需要下载新的模拟机，如下图右下角所示：

然后点击青色三角标进行运行，页面就会出现模拟机：

打开uniapp刚才的页面刷新一下，出现下图：

点击运行，会出现：

点击强制继续运行，会出现继续报错，根据下图提示配置调试证书：

三、配置调试证书
点击配置调试证书-进入相关页面-自动申请调试证书-进行身份验证-验证成功后返回
根据提示登录：

登录之后点击：

进入之后先在桌面建立一个新文件夹来存放证书，然后进入鸿蒙开发里面，点击构建-生成私钥和证书请求文件

点击之后点击NEW-第一行选择刚刚在桌面上创建的新文件夹-第二行和第三行设置密码，完成后点击OK,如下图：

点击后出现下图，编写一个别名填入点击Next

会出现：

点击右边文件浏览进入刚刚桌面建立的新文件夹（uniapp证书相关），点开再建立csr文件夹用来存放相关证书，点击完成

出现如下图所示，点击Finish，完成确认。

完成之后在刚刚的文件夹里面就会出现相关文件，再返回到AppGallery Connect申请相关证书：

点击之后创建文件名，选择调试证书，从刚刚的文件夹里面选取csr文件进行提交

申请成功之后会出现证书并进行下载，存在刚刚的文件夹中，根据提示再申请：

会出现APPID申请，点击：

进行新建：

新建之后将包名填入：

会出现下图所示：

再回到刚刚页面编写应用名称，选择调试，选择证书，选择设备（设备编写时可以根据提示随意编写然后保存），进行添加，根据步骤来进行申请：

成功之后进行下载，保存到刚刚文件夹里面，然后回到uniapp页面，进行配置保存：

四、打开本地模拟机
开始运行，并打开鸿蒙模拟机
五、开始运行查看项目效果，完成编译
当模拟机上面出现Uniapp的项目，连接鸿蒙手机就可以查看编译效果