Uniapp开发鸿蒙环境可视化教程(环境安装+鸿蒙模拟器、真机测试)

369 阅读2分钟

环境准备:

1.去鸿蒙开发者官网下载鸿蒙的编译器:DevEco Studio,下载时选择对应自己系统的版本,链接如下:developer.huawei.com/consumer/cn…

image.png

2.去uniapp官网下载:HbuilderX,下载时选择对应自己系统的版本,链接如下: www.dcloud.io/hbuilderx.h…

image.png

创建项目:

image.png

首先打开HbuilderX,新建一个项目:

image.png 选好了就可以直接创建了,创建好的项目是可以直接跑的。

模拟器运行该项目

1.打开DevEco Studio 2.新建一个项目,或者随便打开一个项目进入到这个界面:

image.png 然后会打开这个窗口:

image.png

手机折叠屏都是可以的

image.png 要下载哪个就点后面的下载按钮就ok了,可以后台下载,下载完成之后就可以在设备管理器里找到自己的设备。

image.png

打开之后就是这样的:

image.png 现在挂着模拟器不要关闭了,打开HbuilderX

image.png 运行之后会弹出这个框子,会找到模拟器,点击运行就行了

image.png 期间如果有弹窗需要安装依赖的按照提示安装就行了,期间可能会提示需要配置包名,可以不管。

image.png

真机调试

使用数据线连接鸿蒙5.0系统的手机,点击运行,然后找到自己的设备,然后点击配置调试证书

image.png

进入到这个页面,运行设备点击检测,会自动生成。

image.png

然后在桌面新建一个空文件夹

image.png

打开DevEco Studio,左上角点击构建,生成私钥

image.png

会出现这个弹窗,New一个.p12文件

image.png

image.png 输入一样为了好记,上面输完密码就点击ok

image.png 输入完别名之后,点击Next到下一步,

image.png

点击Finish image.png 完成之后刚刚新建的文件夹里面会有三个文件

image.png

然后打开华为AGC官网,链接:developer.huawei.com/consumer/cn… 进来之后登录

image.png 点击完新增之后会弹出

image.png 提交

image.png 然后点击id,去鸿蒙项目里找到包名绑定

image.png 选择完应用,输入包名下一步

image.png 然后确定完了下面的开发能力想选什么选什么然后点击确定

image.png

image.png

1.应用名称直接选刚刚创建好的;2.填写一个名称;3.选择调试;4.证书选刚刚新增的;5.设备多的话建议全选 image.png

image.png 完了之后就下载

image.png 然后打开HbuilderX,如果检测设备不行就说明你的设备没有注册,需要返回上一步,在设备里注册,检测到的一串字符就是udid,然后重新下载.p7b描述文件。

image.png 点击保存,重新运行鸿蒙就行了

image.png

真机运行起来就是这样

image.png