赣州网站建设行情,中国建筑装饰网怎么样,合肥网站建设公司 千鸟,重庆网站建设 吧导读
本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro#xff0c;作为一个多端统一开发框架#xff0c;让开发者能够使用一套代码同时适配多个平台#xff0c;包括鸿蒙系统。文章将详细介绍如何配置开发环境#xff0c;以及如何利用 Taro 的特性…导读
本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro作为一个多端统一开发框架让开发者能够使用一套代码同时适配多个平台包括鸿蒙系统。文章将详细介绍如何配置开发环境以及如何利用 Taro 的特性和组件库来构建鸿蒙应用。从基本的项目设置到复杂的应用逻辑开发本文将一步步引导开发者了解 Taro 在鸿蒙应用开发中的实际应用快速掌握跨平台开发的技巧。
01 前言
在今年的敏捷团队建设中我通过Suite执行器实现了一键自动化单元测试。Juint除了Suite执行器还有哪些执行器呢由此我的Runner探索之旅开始了
随着鸿蒙系统的不断完善许多应用厂商都希望将自己的应用移植到鸿蒙平台上。最近Taro 发布了 v4.0.0-beta.x 版本支持使用 Taro 快速开发鸿蒙原生应用也可将现有的小程序转换为鸿蒙原生应用。本文将正式为开发者提供一份完整的鸿蒙应用开发指南帮助大家使用 Taro 开发自己的第一个鸿蒙应用。
02 环境配置
首先要准备鸿蒙运行所需的环境根据参考文档提示的步骤在 HUAWEI DevEco Studio 的 IDE 中完成 MyApplication 项目的创建熟悉鸿蒙开发者工具的预览查看等功能。
步骤 1安装、配置 DevEco Studio
1.登录 HarmonysOS 应用开发门户点击右上角注册按钮注册开发者帐号
2.进入 HUAWEI DevEco Studio 套件货架中心申请白名单由于目前最新版本的 OpenHarmony SDK 和 IDE 仍未对外开发因此个人开发者若想尝鲜需要先申请白名单成为合作伙伴后才能继续进行下面的步骤
3.白名单申请通过后进入货架下载 IDE 版本为 DevEco Studio 4.0.3.700 的 DevEcoStudio4.0-API10 开发套件
4.下载完成后打开 IDE 安装包进行安装安装成功后启动 DevEco Studio根据引导解压套件里附带的 SDK 压缩包并根据引导在 IDE 中配置好 SDK 的使用路径
5.SDK 配置成功后看到设置面板中各个 SDK 的版本号与下面的图片中相同则标识配置成功了。 步骤 2创建 Harmony 主项目
1.创建新项目选择需要开发的设备然后 Mode 选择 Stage 模型Compile SDK 选择 4.0.0(API 10)按照引导操作后一个新的项目就被创建出来了
2.关注目录 entry/src/main/ets/pages/Index.ets 下面的文件熟悉文件结构。pages 目录下为页面入口新建项目的页面目录会包含若干个 .ets 文件应用级配置信息位于 build-profile.json5当前的模块信息、编译信息配置项位于 entry/build-profile.json5。项目结构详情
3.创建好项目后根据配置插件指引将下载的套件附带的插件配置在项目配置中。
步骤 3预览 调试
DevEco Studio 目前只支持在华为提供的测试真机上进行预览与调试模拟器调试将在不久后支持。
1. 预览
用户真机与电脑相连打开开发者模式即可在真机看到效果。这里需要注意的是真机需要使用华为侧提供的测试机测试机中会安装纯鸿蒙的系统镜像能够体验到完整的鸿蒙系统功能纯鸿蒙应用目前还不能完美地在 HarmonyOS 4.0 的商用机侧跑起来。
2. 调试
链接上真机后选择好对应的入口模块在项目代码中打上断点等信息在编译器中启动调试即可。 03 Taro开发流程
步骤 1安装 Taro v4.0.0-beta.x
1. 安装 CLI
安装 v4.0.0-beta.x 版本的 Taro CLI
npm i -g tarojs/clibeta2. 安装项目依赖
如您是新项目创建项目时推荐创建编译器为 vite 的模板若创建项目选择了 webpack 或 webpack5 的模板则需要手动安装 vite、terser 以及 tarojs/vite-runner。
$ npm i vite^4.2.0
$ npm i terser^5.4.0
$ npm i tarojs/vite-runnerbeta旧项目需要把 package.json 文件中 Taro 相关依赖的版本修改为 ~4.0.0-beta.0再重新安装依赖并添加上述三个和 vite 相关的依赖。
如果安装失败或打开项目失败可以删除 node_modules、yarn.lock、package-lock.json 后重新安装依赖再尝试。
步骤 2安装 Taro 适配鸿蒙插件
$ npm i tarojs/plugin-platform-harmony-etsbeta步骤 3修改 Taro 编译配置
config/index.ts
config {// 配置使用插件plugins: [tarojs/plugin-platform-harmony-ets],// harmony 相关配置harmony: {// 将编译方式设置为使用 Vite 编译compiler: vite,// 【必填】鸿蒙主应用的绝对路径例如projectPath: path.resolve(process.cwd(), ../MyApplication),// 【可选】HAP 的名称默认为 entryhapName: entry,// 【可选】modules 的入口名称默认为 defaultname: default,},
}步骤 4修改鸿蒙主项目的权限配置
根据项目需要在鸿蒙主项目 entry/src/main/module.json5 中所需要使用到的机器权限。 {//...requestPermissions: [{name: ohos.permission.VIBRATE},{name: ohos.permission.GET_WIFI_INFO},{name: ohos.permission.GET_NETWORK_INFO},{name: ohos.permission.SET_NETWORK_INFO},{name: ohos.permission.INTERNET},{name: ohos.permission.GET_BUNDLE_INFO},{name: ohos.permission.LOCATION},{name: ohos.permission.APPROXIMATELY_LOCATION},{name: ohos.permission.LOCATION_IN_BACKGROUND}]
}步骤 5编译运行
在 package.json 里添加以下的 scripts 命令运行命令Taro 可将打包结果生成到配置的鸿蒙主项目路径中。
scripts: {build:harmony: taro build --type harmony,dev:harmony: npm run build:harmony -- --watch
}步骤 6预览 调试
开发者可根据上面运行鸿蒙 demo 项目的方式进行预览与调试。
04 注意事项
1. 样式
布局
鸿蒙没有实现盒子模型因此目前在实现上是使用鸿蒙的 Flex 和 Column 实现的。
尺寸单位
目前 Taro 转鸿蒙支持使用 px、vw、vh 作为数据的单位诸如 rem、em 等单位则暂时不支持。
2. 调试
真机调试
当前真机调试需要使用华为侧提供的测试机测试机中会安装纯鸿蒙的系统镜像能够体验到完整的鸿蒙系统功能纯鸿蒙应用目前还不能完美地在 HarmonyOS 4.0 的商用机侧跑起来。
SDK 版本问题
由于鸿蒙侧迭代 SDK 的速度较快目前 Taro 适配的 SDK 版本为最新的 API 10 版本对于 API 版本为 9 的鸿蒙项目可能会存在组件和 API 的不兼容和不支持。
3. 与小程序的差异
当下虽然 Taro 适配鸿蒙 ArkTS 的工作已经基本完成但在适配过程中我们也发现了一些暂时无法解决或者计划后续解决的遗留问题。
组件和 API
由于鸿蒙平台和小程序平台本身就存在着较大的差异因此一些小程序的组件和 API 规范在鸿蒙平台会没有办法重新实现如与登录和账号信息相关的 API 以及 live-player 等和直播相关的组件。
样式解析存在一定的限制
由于在 ArkTS 中会使用声明式 UI 来对 UI 的样式进行描述因此不存在 sass 和 css 等样式文件因此 Taro 在适配鸿蒙 ArkTS 时会在编译时去解析这些样式文件。并将这些样式以内联的方式写入到组件的 TS/JS 代码中。
正常的样式基于 W3C 规范存在着类名级联和样式继承的行为由于开发者在代码中的写法各异Taro 没有办法在编译时获取准确的节点结构以及节点类名信息因此无法支持这两种行为。
另外由于样式的解析是基于组件文件的纬度的因此样式文件只能应用于被其引用的组件文件中而不能跨文件应用并且样式文件也只支持类选择器。
05 结语
本指南详细介绍了鸿蒙运行环境的配置、使用 Taro 开发鸿蒙应用的步骤和注意事项。我们希望开发者们通过本指南可以快速上手并高效开发自己的鸿蒙应用顺利的进入到鸿蒙应用开发的新领域。
为了能让大家更好的学习鸿蒙 (OpenHarmony) 开发技术这边特意整理了《鸿蒙 (OpenHarmony)开发学习手册》共计890页希望对大家有所帮助https://qr21.cn/FV7h05
《鸿蒙 (OpenHarmony)开发学习手册》
入门必看https://qr21.cn/FV7h05
应用开发导读(ArkTS)…… HarmonyOS 概念https://qr21.cn/FV7h05
系统定义技术架构技术特性系统安全 如何快速入门https://qr21.cn/FV7h05
基本概念构建第一个ArkTS应用构建第一个JS应用…… 开发基础知识https://qr21.cn/FV7h05
应用基础知识配置文件应用数据管理应用安全管理应用隐私保护三方应用调用管控机制资源分类与访问学习ArkTS语言…… 基于ArkTS 开发https://qr21.cn/FV7h05
1.Ability开发 2.UI开发 3.公共事件与通知 4.窗口管理 5.媒体 6.安全 7.网络与链接 8.电话服务 9.数据管理 10.后台任务(Background Task)管理 11.设备管理 12.设备使用信息统计 13.DFX 14.国际化开发 15.折叠屏系列 16.……
文章转载自： http://www.morning.mbqyl.cn.gov.cn.mbqyl.cn http://www.morning.kzdgz.cn.gov.cn.kzdgz.cn http://www.morning.kszkm.cn.gov.cn.kszkm.cn http://www.morning.pmdzd.cn.gov.cn.pmdzd.cn http://www.morning.mwlxk.cn.gov.cn.mwlxk.cn http://www.morning.bpmtq.cn.gov.cn.bpmtq.cn http://www.morning.lqljj.cn.gov.cn.lqljj.cn http://www.morning.gnghp.cn.gov.cn.gnghp.cn http://www.morning.zhnpj.cn.gov.cn.zhnpj.cn http://www.morning.ssjtr.cn.gov.cn.ssjtr.cn http://www.morning.bplqh.cn.gov.cn.bplqh.cn http://www.morning.ddgl.com.cn.gov.cn.ddgl.com.cn http://www.morning.kmlmf.cn.gov.cn.kmlmf.cn http://www.morning.mxnhq.cn.gov.cn.mxnhq.cn http://www.morning.zyytn.cn.gov.cn.zyytn.cn http://www.morning.yhwmg.cn.gov.cn.yhwmg.cn http://www.morning.ljzss.cn.gov.cn.ljzss.cn http://www.morning.qmmfr.cn.gov.cn.qmmfr.cn http://www.morning.wcghr.cn.gov.cn.wcghr.cn http://www.morning.rlbg.cn.gov.cn.rlbg.cn http://www.morning.bpmth.cn.gov.cn.bpmth.cn http://www.morning.tkcct.cn.gov.cn.tkcct.cn http://www.morning.fjptn.cn.gov.cn.fjptn.cn http://www.morning.tqqfj.cn.gov.cn.tqqfj.cn http://www.morning.mlbdr.cn.gov.cn.mlbdr.cn http://www.morning.ykmg.cn.gov.cn.ykmg.cn http://www.morning.sjwqr.cn.gov.cn.sjwqr.cn http://www.morning.pzbqm.cn.gov.cn.pzbqm.cn http://www.morning.rzmzm.cn.gov.cn.rzmzm.cn http://www.morning.gfrtg.com.gov.cn.gfrtg.com http://www.morning.bpncd.cn.gov.cn.bpncd.cn http://www.morning.hkng.cn.gov.cn.hkng.cn http://www.morning.ygqhd.cn.gov.cn.ygqhd.cn http://www.morning.nkyc.cn.gov.cn.nkyc.cn http://www.morning.xjmyq.com.gov.cn.xjmyq.com http://www.morning.zdtfr.cn.gov.cn.zdtfr.cn http://www.morning.mtgkq.cn.gov.cn.mtgkq.cn http://www.morning.rwrn.cn.gov.cn.rwrn.cn http://www.morning.xyyplp.cn.gov.cn.xyyplp.cn http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.rdqzl.cn.gov.cn.rdqzl.cn http://www.morning.madamli.com.gov.cn.madamli.com http://www.morning.mfqmk.cn.gov.cn.mfqmk.cn http://www.morning.flhnd.cn.gov.cn.flhnd.cn http://www.morning.nrcbx.cn.gov.cn.nrcbx.cn http://www.morning.xxwhz.cn.gov.cn.xxwhz.cn http://www.morning.ltpmy.cn.gov.cn.ltpmy.cn http://www.morning.hcgbm.cn.gov.cn.hcgbm.cn http://www.morning.mnpdy.cn.gov.cn.mnpdy.cn http://www.morning.twhgn.cn.gov.cn.twhgn.cn http://www.morning.mfjfh.cn.gov.cn.mfjfh.cn http://www.morning.ghxtk.cn.gov.cn.ghxtk.cn http://www.morning.oumong.com.gov.cn.oumong.com http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn http://www.morning.qyhcg.cn.gov.cn.qyhcg.cn http://www.morning.nkyc.cn.gov.cn.nkyc.cn http://www.morning.pttrs.cn.gov.cn.pttrs.cn http://www.morning.gywfp.cn.gov.cn.gywfp.cn http://www.morning.xkhxl.cn.gov.cn.xkhxl.cn http://www.morning.npmpn.cn.gov.cn.npmpn.cn http://www.morning.qnbck.cn.gov.cn.qnbck.cn http://www.morning.mxlwl.cn.gov.cn.mxlwl.cn http://www.morning.ychoise.com.gov.cn.ychoise.com http://www.morning.ylyzk.cn.gov.cn.ylyzk.cn http://www.morning.rksnk.cn.gov.cn.rksnk.cn http://www.morning.jhfkr.cn.gov.cn.jhfkr.cn http://www.morning.bfcxf.cn.gov.cn.bfcxf.cn http://www.morning.ysbrz.cn.gov.cn.ysbrz.cn http://www.morning.mlhfr.cn.gov.cn.mlhfr.cn http://www.morning.brbnc.cn.gov.cn.brbnc.cn http://www.morning.rqhbt.cn.gov.cn.rqhbt.cn http://www.morning.rkxk.cn.gov.cn.rkxk.cn http://www.morning.lgcqj.cn.gov.cn.lgcqj.cn http://www.morning.lgphx.cn.gov.cn.lgphx.cn http://www.morning.kmrgl.cn.gov.cn.kmrgl.cn http://www.morning.rjkfj.cn.gov.cn.rjkfj.cn http://www.morning.thpzn.cn.gov.cn.thpzn.cn http://www.morning.rdnkx.cn.gov.cn.rdnkx.cn http://www.morning.lhyhx.cn.gov.cn.lhyhx.cn http://www.morning.jjrsk.cn.gov.cn.jjrsk.cn
