uniapp HarmonyOS项目实战

news2024/11/15 4:06:54

1. uniapp HarmonyOS项目实战

   Dcloud发布了uniapp兼容鸿蒙的文档:Uniapp开发鸿蒙应用

1.1. 说明

(1)鸿蒙开发只支持Vue3,不支持Vue2、不支持plus、但支持nvue
(2)nvue编译到鸿蒙后非原生渲染,而是与web一样渲染(自动注入一些默认样式进行兼容)
(3)Vue3也支持选项式代码风格,
  为了在鸿蒙手机运行应用。要么使用鸿蒙next的webview套H5(这里就涉及到h5怎么调用鸿蒙next系统的东西的问题,如文件,权限等等),要么使用uniapp-x开发。

1.1.1. uni-app x

  uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎。
  uni-app x 是一个庞大的工程,它包括uts语言、uvue渲染引擎、uni的组件和API、以及扩展机制。
  uts是一门类ts的、跨平台的、新语言。
  uts在iOS平台编译为swift、在Android平台编译为kotlin、在Web和小程序平台编译为js、在鸿蒙next平台上编译为ArkTS。
  在Android平台,uni-app x 的工程被整体编译为kotlin代码,本质上是换了vue写法的原生kotlin应用,在性能上与原生kotlin一致。

1.2. 准备工作

  windows电脑准备(家庭版不行,教育版、企业版、专业版也可以,不像uniapp说的只有专业版)
  Windows系统需要开启以下功能,打开控制面板 - 程序与功能 - 开启以下功能
  (1) Hyper-V
  (2)Windows 虚拟机监控程序平台
  (3)虚拟机平台

1.2.1. IDE下载和使用

  IDE下载:DevEco Studio官网下载

1.2.2. 创建虚拟机

  安装后,在创建模拟器时遇到了问题,我5月份测试时下载了sdk11,uniapp要求使用sdk12的虚拟机,抱着侥幸心理创建11的虚拟机并尝试,发现不行,无法运行。
  运行虚拟机申请或从DS的设备管理进行在线申请,8个小时能过。
在这里插入图片描述

1.2.3. 配置鸿蒙离线SDK(鸿蒙项目模板)

(1)下载 uni-app 鸿蒙离线SDK template-1.3.5.tgz 下载地址
(2)解压刚下载的压缩包,将解压后的模板工程在 DevEco-Studio 中打开
(3)等待 Sync 结束,再 启动鸿蒙模拟器 或 连接鸿蒙真机
(4)启动鸿蒙模拟器

1.2.4. 安装完模拟器后,点击启动按钮启动模拟器

在这里插入图片描述
在这里插入图片描述

1.3. 构建项目

  uniapp提供了一个文件template-1.3.2但没说明是做什么的,因此埋下了坑
用ds打开template-1.3.2的package后,配置签名可以直接运行。

1.3.1. 项目输出鸿蒙

  uniapp的文档中要求先配置Hbuilder的alpha版本,配置后显示
在这里插入图片描述
  而对于项目的配置,说的比较含糊,比如他们要求写在Manifest.json中称为‘洪门离线SDK’的其实是前面下载的template-1.3.2,你需要把整个文件放到自己的项目目录下
在这里插入图片描述
  然后在manifest.json中设置

	"app-harmony": {
	  "projectPath": "我的项目\\template-1.3.2\\package"
	},

  再次点击Hbuilder的运行到鸿蒙,使用DS运行‘我的项目\template-1.3.2\package’
就成功了

1.3.2. 修改鸿蒙应用配置

  应用基本信息位于:\template-1.3.2\package\AppScope\app.json5
(1)app名
  sdk12开始有一些变更,如果引入国际化,
在这里插入图片描述
  其中value就是应用名
在这里插入图片描述
(2)app包名

"app":{
    "bundleName":"com.example.test.template",  包名
    "vendor":"example",
    "versionCode":1000000,
    "versionName":"1.0.0",
    "icon":"$media:app_icon",  图标存储在 template-1.3.2\package\AppScope\resources\base\media
    "label":"$string:app_name" 
}

  报名修改后需要重新生成签名,才能运行,否则报错
在这里插入图片描述
(3)配置签名
  注意:配置签名需要先启动模拟器或连接真机后才能配置
  点击 DevEco-Studio 上方菜单 File - Project Structure.
在这里插入图片描述
在这里插入图片描述
  最后依次点击 Apply 和 OK 使签名生效

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1973782.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

AUTOSAR实战教程 - 模式管理BswM与其他各模块的交互

近日驻厂某OEM,幸得大块的个人时间, 把BswM这一块的内容从ETAS/ISOLAR工具配置到代码实现做了一个全方位的CT. 2024,希望孜孜内卷的汽车人升职加薪! 博主近期写的一首小诗,也一并送给大家,懂的都懂: 在看不到阳光的冬天/ 我染了风寒/ 白天点灯/ 晚上吃药/ 躺在被窝里才敢…

2024上海初中生古诗文大会暑假备考:单选题真题和独家解析

今天是2024年8月3日,现在距离2024年初中生古诗文大会初选还有3个月(11月3日正式开赛),我们继续来看10道选择题真题和详细解析。为帮助孩子自测和练习,题目的答案和解析统一附后。 本专题持续分享,欢迎到我…

C 语言二分查找法

二分查找定义 二分查找法用于查找一个有序数组中某个目标值是否存在,或者接近目标值的元素;相比把 整个数组遍历一次的0(n)复杂度,二分查找可以把复杂度降低到0(logzn): 原理讲解 原来中间的值mid (left right)/ 2,但…

用NSAT-1000实现S参数的自动化测试

在射频技术领域,S参数的准确测量对于保证产品质量至关重要。本文将带您了解NSAT-1000测试系统实现S参数自动化测试的流程。 S参数的测试原理 S参数测试原理是基于网络分析仪,网络分析仪发出一个已知频率和幅度的射频信号,通过网分测量信号得到…

eclipse Web Browser Setting

eclipse Web Browser Setting 默认程序打开浏览器的设置 Windows - Preference - General - Web Browser 没有设置的时候,就是你自己要手动打开浏览器,地址栏敲进去,例如: http://127.0.0.1:7070/FRTIMP_YTFRB_WEB/bin/MainApp.…

PHP高校迎新系统-计算机毕业设计源码08468

摘要 随着高校规模的不断扩大和新生人数的增加,传统的手工登记和管理方式已经无法满足高效、准确的需求。为了提升大学新生入学迎新工作的效率和质量,本研究设计开发了一套高校迎新系统。系统通过信息技术的应用,集成了首页、交流论坛、通知公…

万顺汽车租赁推荐系统

1 项目介绍 1.1 摘要 随着汽车租赁市场的不断发展,为了提升用户体验和管理效率,开发了一套集管理员和用户功能于一体的汽车租赁平台系统。该系统旨在提供便捷的用户信息管理、车辆信息管理、租赁订单管理等功能,以满足管理员和用户的不同需…

DTU、RTU和边缘计算网关的联系与区别

在工业4.0发展浪潮中,物联网助力工业逐渐向智能化发展,各种工业设备相互连接起来形成物联网。而传输层作为物联网体系中十分重要的一环,它是连接物理世界与数字世界的桥梁,是数据的第一入口。 其中,我们经常会使用到三…

探索Python为何成爬虫开发首选

大家在日常生活中会不会有这样的疑惑——为什么在进行网络爬虫开发时,大多数开发者更倾向于选择Python而不是Java。Python在爬虫领域的受欢迎程度背后有多个原因,让我们一起来了解一下。 一、简洁易学的语法 Python以其简洁易学的语法著称,使…

包装类与泛型

泛型与包装类密切相关,在学习泛型前先了解了解包装类吧 包装类 包装类是对应着各种基本数据类型进行包装后产生的引用数据类型 ,是基本数据类型的plus版本。 为什么要设计包装类 因为 Java是一个面向对象的编程语言,但是Java中的八种基本数据类型却是…

科普文:微服务之Spring Cloud Alibaba组件熔断过载保护器Sentinel

一、什么是Sentinel Sentinel是阿里开源的项目,提供了流量控制、熔断降级、系统负载保护等多个维度来保障服务之间的稳定性。 官网:Home alibaba/Sentinel Wiki GitHub 2012年,Sentinel诞生于阿里巴巴,其主要目标是流量控制。…

浅谈几个常用OJ的注册方式

众所周知,好的OJ是成功的一半,但是有些英文OJ的注册很让人伤脑筋。 CodeForces 点进官网 戳这里 然后就会进入这个页面 在这一页里面里填写好信息即可 最后,一个邮件就会发到你的邮箱上,点击其中的链接即可激活账号 AtCoder …

软件测试生命周期、BUG描述与处理策略指南

软件测试的生命周期 需求分析:需求是否完整、是否正确 测试计划:确定由谁测试、测试的起止时间、设计哪些模块 测试设计、测试开发:写测试用例(手工、自动化测试用例)、编写测试工具 执行测试用例 测试评估&…

从文本到图像:深度解析向量嵌入在机器学习中的应用

简介 向量嵌入是机器学习领域中一项极具吸引力且实用的技术,它为多种应用提供了基础支撑,包括自然语言处理(NLP)、推荐系统和搜索算法。无论是推荐引擎、语音助手还是语言翻译器,这些系统的背后都可能运用了向量嵌入技…

ventoy和微pe可以共存吗?ventoy和pe共存使用教程

Ventoy新一代多系统启动U盘解决方案。国产开源U盘启动制作工具,支持Legacy BIOS和UEFI模式,理论上几乎支持任何ISO镜像文件,支持加载多个不同类型的ISO文件启动,无需反复地格式化U盘,插入U盘安装写入就能制作成可引导的…

将网络变压器(Ethernet Transformer)从千兆单口设计改为百兆双口设计涉及几个关键步骤和注意事项

变压器选型: 确保选用的变压器支持1000BASE-T到100BASE-TX的转换。通常,这种变压器会有额外的电气特性,如抑制和隔离等,以确保数据传输的可靠性和稳定性。 端口连接: 对于千兆单口设计,通常会有一对输入和输…

maya动画时间轴在哪里调出来?

在Maya动画制作中,时间轴是控制动画节奏和时间的关键工具。但初学者常困惑于时间轴的隐藏问题。本文将指导你如何找回并利用Maya的时间轴,确保你的动画制作流程顺畅无阻。 maya动画时间轴调出来方法 1、登录 Maya 软件,在显示设置中调出时间…

Day16_2--Servlet学习之过滤器+session实现防跳墙

Servlet过滤器Fileter是一个小型的web组件,它们通过拦截请求和响应,以便查看、提取或以某种方式操作客户端和服务器之间交换的数据,实现“过滤”的功能。Filter通常封装了一些功能的web组件,过滤器提供了一种面向对象的模块化机制…

使用生成式对抗网络(GAN)生成动漫人物图像

【图书推荐】《PyTorch深度学习与企业级项目实战》-CSDN博客 《PyTorch深度学习与企业级项目实战(人工智能技术丛书)》(宋立桓,宋立林)【摘要 书评 试读】- 京东图书 (jd.com) 如今AI艺术创作能力越来越强大,Google发布的ImageGe…

算法板子:BFS(广度优先搜索)——迷宫问题,求从迷宫的起点到终点的最短路径; 八数码问题,求从初始布局到最终布局x最少移动多少次

目录 1. 核心思想在于bfs函数2. 代码中用到的数组的含义解释3. 迷宫问题(1)求从(0,0)点到(4,4)点的最短路径是多少——bfs函数(2)打印最短路径——在bfs函数的基础上多了一个print函数a. 思想b. 代码 4. 八数码问题——bfs函数 1.…