当前位置: 首页 > news >正文

uniapp+vue3+鸿蒙系统的开发

前言:

        uniapp+vue3+鸿蒙系统的开发。

实现效果:

鸿蒙pad端真机测试效果-下面是正常的日志效果

实现步骤:

1、安装鸿蒙的开发工具,点击安装,注意版本不能太旧了

deveco-studio

2、下载下来是个压缩包,解压后是个exe的安装包,安装即可

这里没什么特别注意的,可以把之前的旧版本删了,保留数据,全删也行,根据提示来就行

3、设置成中文,点击进来,fil->plugin->勾选上这个插件->重启

4、配置你需要的模拟器

首先选择你的模拟器类型,比如手机、平板等等,记得修改保存位置,然后点击新建模拟器

点击新建模拟器来到这里,注意找到你的鸿蒙的型号,一般模拟器会比真机版本要高一些,你可以根据你的真机上的鸿蒙型号来找适合你的版本,比如16-17是当前最常用的,选第二个,然后点击下载

点击下载后,就进行下载状态,可以后天运行,不影响的,第二张图是下载好的,可以看区别

勾选你下载好的镜像,然后点击下一步

可以自己给服务起名,然后内存和储存空间设置,然后点击完成就配置好了

安装好以后,直接点击这个图标,运行就行,注意,有些配置需要鸿蒙系统才可以

如果运行报错,可以看这些官方资料来解决

文档中心https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/ide-emulator-faqs#section214296171615

5、安装最新的HBuilderX 工具,目前要求鸿蒙开发必须4.5版本以上

HBuilderX 文档HBuilderX:极客开发工具, HBuilderX用户文档和插件开发文档https://hx.dcloud.net.cn/Tutorial/install/windows

还有个鸿蒙系统的插件,注意看右下角,点击安装就行

6、新建一个项目,或者用你自己的项目,然后运行到浏览器查看效果

注意,你自己项目可能会报错,ohpm类型的一些错误,建议用新项目看看你的本地环境是否配置好了,先排除环境问题,环境没问题,就只剩下代码配置问题

7、注意鸿蒙要配置签名,这是必须的,没有签名是无法正常运行的

真机插入:

真机如何配置:

1、直接数据线连接电脑

2、选择传输文件

3、电脑上弹出一个设备信息

4、在鸿蒙开发者工具的

电脑弹出设备信息

鸿蒙的开发者工具中查看设备信息

鸿蒙开发者工具,可以看到刚插入的设备,点击他就可以操作了

HBuilderX中点击运行到鸿蒙,可以看到设备信息,还有个配置签名的入口

8、配置调试证书

点击自动申请调试证书,如果你第一次,肯定要申请的,然后登陆你的账号,如果没有账号就申请注册一个,这里就不说怎么注册了

申请签名具体操作流程指南,鸿蒙官网提供

文档中心https://developer.huawei.com/consumer/cn/doc/app/agc-help-add-debugcert-0000001914263178?ha_source=Dcloud&ha_sourceId=89000448

  1. 登录AppGallery Connect,选择“证书、APP ID和Profile”。

  2. 在左侧导航栏选择“证书、APP ID和Profile > 证书”,进入“证书”页面,点击“新增证书”。

  3. 在弹出的“新增证书”窗口填写要申请的证书信息,点击“提交”。

    参数

    说明

    证书名称

    不超过100个字符。

    证书类型

    选择“调试证书”。

    选取证书请求文件(CSR)

    证书请求文件需要在DevEco Studio上申请,具体操作请参考生成证书请求文件。

 操作步骤:

1、打开鸿蒙开发工具,点击构建,找到生成私钥和请求文件

储存文件的地址,加上你的密码,然后点击确定就好了

名称保持一致就可以了,然后点击下一步next

然后第二步跟第一步一样,按照图示就行

点击完成,提示当前存放位置

打开我们存放的目录,可以看到时这样的,一个p12文件,一个csr文件

然后回到我们上面的第三步,继续填写资料

点击提交以后,可以看到下面的内容,可以点击下载

签名特别需要注意点
  • 证书申请成功即为“生效”状态。目前实名认证开发者的调试证书有效期为180天,未实名开发者的调试证书有效期为14天。
  • 若证书状态变为“失效”或“已吊销”,表示当前证书已不可用,且通过此证书申请的Profile也会全部失效或吊销。您需要重新申请证书与Profile。
  • 证书一旦废除将不可恢复,且通过此证书申请的Profile也会全部失效,请谨慎操作
到目前为止文件只剩下一个,签名描述文件还没有生成了

下面这个就是签名描述文件,要新增设备,设备有个uuid,可以随便写,或者你拿到你鸿蒙设备的uuid

下载以后,可以看到,这四个文件缺一不可

9、根据我们最新的签名数据,配置我们uniapp这边的签名信息

alias == 私钥别名

password == 私钥密码

应用包名 == appid里面创建的应用的包名

10、运行,直接在ipad上看效果

更多资料:

鸿蒙开发如何生成证书以及配置证书保姆级步骤_鸿蒙证书配置-CSDN博客

http://www.lryc.cn/news/589873.html

相关文章:

  • Rust入门之并发编程基础(三)
  • Android开发知识点总结合集
  • 基于docker的redis集群
  • 智慧公厕系统打造洁净、安全的公共空间
  • 嵌入式学习笔记--MCU阶段--DAY06DHT11练习
  • java反序列化:CC1链深度剖析
  • EP01:【NLP 第二弹】自然语言处理概述
  • SFT:大型语言模型专业化定制的核心技术体系——原理、创新与应用全景
  • PDF 转 Word 支持加密的PDF文件转换 批量转换 编辑排版自由
  • AFFiNE开源知识管理和协作平台的部署,替代Notion不是梦~
  • Linux Ubuntu apt包管理器安装K8s1.30.1+Ingress-Nginx
  • 【Vue】tailwindcss + ant-design-vue + vue-cropper 图片裁剪功能(解决遇到的坑)
  • flink sql读hive catalog数据,将string类型的时间戳数据排序后写入kafka,如何保障写入kafka的数据是有序的
  • Clip微调系列:《coOp: learning to prompt for vision-language models》
  • Python 进阶学习之全栈开发学习路线
  • Excel处理控件Aspose.Cells教程:使用 Python 在 Excel 中创建甘特图
  • Apache RocketMQ + “太乙” = 开源贡献新体验
  • 【C#】实体类定义的是long和值识别到的是Int64,实体类反射容易出现Object does not match target type
  • 查看.bin二进制文件的方式(HxD十六进制编辑器的安装)
  • Golang学习之常见开发陷阱完全手册
  • 【深度学习】神经网络-part3
  • 第一章 【vue】基础(超详细)
  • 解锁高效Excel技能:摆脱鼠标,快速编辑单元格
  • Git远程仓库与协作技巧详解
  • 如何关闭Elasticsearch的安全认证的解决方法
  • 机器学习sklearn入门:归一化和标准化
  • CG--资料分析1
  • 【后端】配置SqlSugar ORM框架并添加仓储
  • Three.js 实战:使用 PBR 贴图打造真实地面材质
  • 《Qt实战开发》:从计算器到音乐播放器的全栈实现指南