uniapp+vue3+鸿蒙系统的开发
uniapp+vue3+鸿蒙系统的开发
前言：
uniapp+vue3+鸿蒙系统的开发。
实现效果：
鸿蒙pad端真机测试效果-下面是正常的日志效果
实现步骤：
1、安装鸿蒙的开发工具，点击安装，注意版本不能太旧了
deveco-studio
2、下载下来是个压缩包，解压后是个exe的安装包，安装即可
这里没什么特别注意的，可以把之前的旧版本删了，保留数据，全删也行，根据提示来就行
3、设置成中文，点击进来，fil->plugin->勾选上这个插件->重启
4、配置你需要的模拟器
首先选择你的模拟器类型，比如手机、平板等等，记得修改保存位置，然后点击新建模拟器
点击新建模拟器来到这里，注意找到你的鸿蒙的型号，一般模拟器会比真机版本要高一些，你可以根据你的真机上的鸿蒙型号来找适合你的版本，比如16-17是当前最常用的，选第二个，然后点击下载
点击下载后，就进行下载状态，可以后天运行，不影响的，第二张图是下载好的，可以看区别
勾选你下载好的镜像，然后点击下一步
可以自己给服务起名，然后内存和储存空间设置，然后点击完成就配置好了
安装好以后，直接点击这个图标，运行就行，注意，有些配置需要鸿蒙系统才可以
如果运行报错，可以看这些官方资料来解决
5、安装最新的HBuilderX 工具，目前要求鸿蒙开发必须4.5版本以上
HBuilderX 文档HBuilderX：极客开发工具, HBuilderX用户文档和插件开发文档
https://hx.dcloud.net.cn/Tutorial/install/windows
还有个鸿蒙系统的插件，注意看右下角，点击安装就行
6、新建一个项目，或者用你自己的项目，然后运行到浏览器查看效果
注意，你自己项目可能会报错，ohpm类型的一些错误，建议用新项目看看你的本地环境是否配置好了，先排除环境问题，环境没问题，就只剩下代码配置问题
7、注意鸿蒙要配置签名，这是必须的，没有签名是无法正常运行的
真机插入：
真机如何配置：
1、直接数据线连接电脑
2、选择传输文件
3、电脑上弹出一个设备信息
4、在鸿蒙开发者工具的
电脑弹出设备信息
鸿蒙的开发者工具中查看设备信息
鸿蒙开发者工具，可以看到刚插入的设备，点击他就可以操作了
HBuilderX中点击运行到鸿蒙，可以看到设备信息，还有个配置签名的入口
8、配置调试证书
点击自动申请调试证书，如果你第一次，肯定要申请的，然后登陆你的账号，如果没有账号就申请注册一个，这里就不说怎么注册了
申请签名具体操作流程指南，鸿蒙官网提供
- 登录AppGallery Connect，选择“证书、APP ID和Profile”。
- 在左侧导航栏选择“证书、APP ID和Profile > 证书”，进入“证书”页面，点击“新增证书”。
- 在弹出的“新增证书”窗口填写要申请的证书信息，点击“提交”。
参数
说明
证书名称
不超过100个字符。
证书类型
选择“调试证书”。
选取证书请求文件（CSR）
证书请求文件需要在DevEco Studio上申请，具体操作请参考生成证书请求文件。
操作步骤：
1、打开鸿蒙开发工具，点击构建，找到生成私钥和请求文件
储存文件的地址，加上你的密码，然后点击确定就好了
名称保持一致就可以了，然后点击下一步next
然后第二步跟第一步一样，按照图示就行
点击完成，提示当前存放位置
打开我们存放的目录，可以看到时这样的，一个p12文件，一个csr文件
然后回到我们上面的第三步，继续填写资料
点击提交以后，可以看到下面的内容，可以点击下载
签名特别需要注意点
- 证书申请成功即为“生效”状态。目前实名认证开发者的调试证书有效期为180天，未实名开发者的调试证书有效期为14天。
- 若证书状态变为“失效”或“已吊销”，表示当前证书已不可用，且通过此证书申请的Profile也会全部失效或吊销。您需要重新申请证书与Profile。
- 证书一旦废除将不可恢复，且通过此证书申请的Profile也会全部失效，请谨慎操作
到目前为止文件只剩下一个，签名描述文件还没有生成了
下面这个就是签名描述文件，要新增设备，设备有个uuid，可以随便写，或者你拿到你鸿蒙设备的uuid
下载以后，可以看到，这四个文件缺一不可
9、根据我们最新的签名数据，配置我们uniapp这边的签名信息
alias == 私钥别名
password == 私钥密码
应用包名 == appid里面创建的应用的包名
10、运行，直接在ipad上看效果
更多资料：
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
更多推荐
46
0- 0
已为社区贡献1条内容
所有评论(0)