随着鸿蒙系统的不断完善，很多应用厂商都在寻求将自己的应用移植到鸿蒙平台上。近日，Taro 发布了v4.0.0-beta.x 版本。支持使用Taro快速开发鸿蒙原生应用，也可以将现有的小程序转换为鸿蒙原生应用。

在《使用 Taro 开发鸿蒙原生应用》系列文章中，我们介绍了鸿蒙的基本概念以及Taro适配鸿蒙的原理。作为本系列的第三篇文章，本文正式为开发者提供了完整的鸿蒙应用开发指南，帮助他们使用Taro 开发第一个鸿蒙应用。

一、环境配置

首先准备运行鸿蒙所需的环境。按照参考文档的步骤，在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的版本号与下图一致，则说明Logo配置成功。

步骤 2：创建 Harmony 主项目

1. 创建一个新项目，选择要开发的设备，“Mode”选择“Stage Model”，“Compile SDK”选择“4.0.0 (API 10)”，然后按照指导创建新项目。

2. 查看位于目录条目/src/main/ets/pages/Index.ets 中的文件并熟悉文件结构。页面目录是页面入口，新建项目的页面目录在build-profile.json5中存储了应用级的配置信息。 /build profile.json5.项目结构详细信息。

3. 创建项目后，根据插件配置指南在您的项目配置中配置下载包中包含的插件。

步骤 3：预览 调试

DevEco Studio目前仅支持在华为提供的真实测试机上预览和调试，即将支持模拟器调试。

1.预览：

将您的设备连接到计算机并打开开发者模式以查看在设备上的效果。这里需要注意的是，真机必须是华为提供的测试机。本次测试机并不能让您充分体验鸿蒙系统的全部功能。随HarmonyOS 4.0商用。在机器端执行它。

2、调试：

连接到实际设备后，选择相应的入口模块，在工程代码中添加断点等，并开始使用编译器进行调试。

二、Taro 开发流程

步骤 1：安装 Taro v4.0.0-beta.x

1. 安装 CLI

安装v4.0.0-beta.x 版本的Taro CLI。

npm i -g @tarojs/cli@beta

2. 安装项目依赖

对于新项目，如果您在创建项目时选择了webpack 或webpack5 模板，我们建议您在创建项目时将编译器设置为vite 推荐。 vite、terser、@tarojs/vite-runner 必须手动安装。

$ npm i vite@^4.2.0$ npm i terser@^5.4.0$ npm i @tarojs/vite-runner@beta 对于较旧的项目，将package.json 文件中与Taro 相关的依赖项的版本更改为~4.0。必须改为0。 - beta.0，重新安装依赖，添加上述vite相关的三个依赖。

如果安装失败或者打不开项目，可以删除node_modules、yarn.lock、package-lock.json，重新安装依赖，然后重试。

步骤 2：安装 Taro 适配鸿蒙插件

$ npm 我@tarojs/plugin-platform-harmony-ets@beta

步骤 3：修改 Taro 编译配置

config/index.ts

config={ //配置插件使用plugins: ['@tarojs/plugin-platform-harmony-ets'], //Harmony相关设置Harmony: { //使用Vite Set编译的编译方法COMPiler: 'vite' , //[必填输入鸿蒙主应用的绝对路径。示例： projectPath: path.resolve(process.cwd(), './MyApplication'), //[可选] HAP 名称，默认为'entry' hapName: 'entry', //[可选] 模块条目名称，默认为'default' name: '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 command：添加，运行该命令时，Taro可以在配置的宏盟主项目路径中生成打包结果。

'scripts': { 'build:harmony': 'taro build --type Harmony', 'dev:harmony': 'npm run build:harmony -- --watch'}

步骤 6：预览 调试

开发者可以按照上述方法预览Harmony 演示项目。可以运行.调试。

三、注意事项

1. 样式

布局

Honmeng 没有实现盒子模型，所以当前的实现是使用Honmeng 的Flex 和Column 来实现的。

尺寸单位

太郎转鸿萌目前支持使用px、vw、vh作为数据单位，但暂时不支持rem、em等单位。

2. 调试

真机调试

目前调试真机必须使用华为提供的测试机。测试机暂时还不能让你体验鸿蒙系统的全部功能。与商用机上运行的HarmonyOS 4.0完全集成。

SDK 版本问题

由于鸿盟这边的SDK迭代速度很快，目前Taro适配的SDK版本是最新的API版本10。对于使用API 版本9 的宏盟项目，可能存在不兼容或不受支持的组件或API。

3. 与小程序的差异

目前，Taro对鸿蒙方舟的适配工作已经基本完成，但是在适配过程中，我们也发现了一些暂时无法解决或者将来会解决的遗留问题。

组件和 API

由于鸿盟平台与小程序平台存在较大差异，小程序中的部分组件和API规范，例如登录、账户信息、直播玩家等相关API，无法在鸿盟平台重新实现。以及其他与直播相关的组件。

样式解析存在一定的限制

ArkTS 使用声明式UI 来设置UI 样式，因此没有sass 或css 等样式文件。因此，Taro 适配宏盟ArkTS 时，会在编译时解析这些样式文件。然后将这些样式内联写入组件的TS/JS 代码中。

常规样式基于W3C 规范，具有类名级联和样式继承行为，并且由于开发人员编写代码的方式不同，Taro 无法在编译时确保准确的节点结构和节点类名是正确的。信息。因此，这两种行为不能得到支持。

另外，样式解析是基于组件文件的纬度的，因此样式文件只能应用于它引用的组件文件，而不能应用于整个文件。此外，样式文件仅支持类选择器。

四、总结

本指南提供了配置鸿蒙运行环境以及使用Taro 开发鸿蒙应用程序的详细说明和注意事项。我们希望通过本指南，开发者能够快速开始开发自己的鸿蒙应用，高效开发，顺利进入鸿蒙应用开发新领域。

让我们一起开启鸿蒙应用开发新篇章！

作者：京东零售Rijino

来源：京东云开发者社区转载请注明出处。

版权声明：本文由今日头条转载，如有侵犯您的版权，请联系本站编辑删除。