OpenHarmony标准设备应用开发(一)——HelloWorld

本文指导了使用DevEcoStudio和OpenHarmony SDK开发入门级应用,包括环境配置、编写HelloOpenharmony页面及部署到标准设备的步骤。后续将深入讲解进阶技巧与分布式数据管理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(以下内容来自开发者分享,不代表 OpenHarmony 项目群工作委员会观点)

 

邢碌
 

本文是 OpenAtom OpenHarmony(以下简称“OpenHarmony”)标准设备应用开发的第一篇文章。这一篇我们主要聚焦于如何在标准设备上运行一个最简单的 OpenHarmony 程序。

本文主要内容包括三个方面:1. 应用编译环境准备;2. Hello Openharmony 页面编写;3. 安装应用到标准设备上面。下面就让我们从零开始学习 OpenHarmony 标准设备应用开发。

一、应用开发环境准备


1.1 下载 DevEco Studio 3.0 Beta2 版本

链接:华为操作系统DevEco Studio和SDK下载与升级 | HarmonyOS开发者


1.2 配置 SDK


参考配置 OpenHarmony-SDK

zh-cn/application-dev/quick-start/configuring-openharmony-sdk.md · OpenHarmony/docs - Gitee.com


二、Hello Openharmony 页面编写


2.1 新建 eTS 工程


2.1.1 打开 DevEco Studio,创建一个新工程,在 DevEco Studio 中点击 File -> New Project,选择模板 Standard:Empty Ability。


2.1.2 进入配置工程界面,Language 选择 eTS 语言,Project Type 选择 Application,其他参数根据实际需要设置即可,最后点击 Finish 即创建成功。


备注:创建成功的项目,包结构说明参考链接:

zh-cn/application-dev/quick-start/package-structure.md · OpenHarmony/docs - Gitee.com


2.2 编写 Hello Openharmony 页面


2.2.1 打开“index.ets”文件

工程创建完成后,在 Project 窗口,点击“entry > src > main > ets > MainAbility > pages”,打开“index.ets”文件,项目结构如下图所示。


2.2.2 在“index.ets”中编写并设置页面组件的属性和样式

“index.ets”页面由 Flex 容器组件、Text 组件和 Button 组件构成。示例代码如下所示:

@Entry
@Component
struct Index {
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text('Hello World')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
      Button() {
        Text('next page')
          .fontSize(25)
          .fontWeight(FontWeight.Bold)
      }.type(ButtonType.Capsule)
      .margin({
        top: 20
      })
      .backgroundColor('#0D9FFB')
      .onClick(() => {
        routePage()
      })
    }
    .width('100%')
    .height('100%')
  }
}

2.2.3 相关语法说明

• @Entry 装饰的自定义组件用作页面的默认入口组件,加载页面时,将首先创建并呈现 @Entry 装饰的自定义组件。详细信息可以参考官网文档:

zh-cn/application-dev/ui/ts-component-based-entry.md · OpenHarmony/docs - Gitee.com


• @Component 装饰的 struct 表示该结构体具有组件化能力,能够成为一个独立的组件,这种类型的组件也称为自定义组件。详细信息可以参考官网文档:

zh-cn/application-dev/ui/ts-component-based-component.md · OpenHarmony/docs - Gitee.com


• @Builder 装饰器定义了一个如何渲染自定义组件的方法。此装饰器提供了一个修饰方法,其目的是和 build 函数一致。@Builder 装饰器装饰的方法的语法规范与 build 函数也保持一致。详细信息可以参考官网链接:

zh-cn/application-dev/ui/ts-component-based-builder.md · OpenHarmony/docs - Gitee.com


2.2.4 预览器运行项目

点击右侧的 Previewer 按钮效果,如下图所示:

预览器链接:https://developer.harmonyos.com/cn/docs/documentation/doc-guides/previewer-0000001054328973#ZH-CN_TOPIC_000

三、安装应用


3.1 配置应用签名信息

配置应用签名信息 参考链接:https://gitee.com/openharmony/docs/blob/OpenHarmony-3.1-Beta/zh-cn/application-dev/quick-start/configuring-openharmony-app-signature.m0001056725592__section16523172216252

d#%E7%94%9F%E6%88%90%E5%AF%86%E9%92%A5%E5%92%8C%E8%AF%81%E4%B9%A6%E8%AF%B7%E6%B1%82%E6%96%87%E4%BB%B6

3.2 点击“Build Haps”


在 bulid 目录下生成 signed 签名后的 hap 包,hap 包生成路径如下图所示:

3.3 安装应用


打开 OpenHarmony SDK 路径 \toolchains 文件夹下,执行如下 hdc_std 命令,其中 path 为 hap 的绝对路径。有如下信息,即表明安装成功。

hdc_std install -r path\entry-debug-standard-ark-signed.hap


四、设备环境编译准备


4.1 获取 OpenHarmony 源码,OpenHarmony 版本须 3.0LTS 或 3.1 Beta
参考链接:zh-cn/device-dev/get-code/sourcecode-acquire.md · OpenHarmony/docs - Gitee.com


4.2 安装开发板环境
参考链接:zh-cn/device-dev/quick-start/quickstart-standard-docker-environment.md · OpenHarmony/docs - Gitee.com


4.3 开发板烧录,这里以 3516 开发板为例
参考链接:zh-cn/device-dev/quick-start/开发Hi3516第一个应用程序示例.md · OpenHarmony/docs - Gitee.com


通过完成上述操作,就可以在设备上运行一个最简单的 OpenHarmony 程序。

在接下来的两章中,我们会在本章的基础上讲解 OpenHarmony 标准设备应用开发进阶的一些技巧,以及分布式数据管理在 OpenHarmony 中的应用。

### OpenHarmony “Hello World” 示例与入门指南 以下是关于如何在 OpenHarmony 上创建并运行第个“Hello World”程序的相关说明。 #### 开发环境搭建 为了能够顺利编译和运行 OpenHarmony 的应用程序,开发者需要先完成开发环境的配置。这通常包括安装必要的工具链以及获取目标设备的支持包。具体步骤可以参考官方文档中的指导[^1]。对于基于 RK3568 开发板的标准系统而言,确保已正确设置交叉编译器及相关依赖项尤为重要。 #### 创建项目 通过命令行或者 IDE 工具来初始化个新的 OpenHarmony 应用工程。如果采用的是 CLI 方式,则可以通过如下指令快速建立基础框架: ```bash devtools/cli/ohos create project HelloWorld --template default cd HelloWorld ``` 此操作会依据预定义模板生成基本目录结构及初始文件集合[^2]。 #### 实现核心逻辑 编辑 `entry/src/main/js/default/index.ets` 文件,在其中加入简单的打印语句实现最基础的功能展示: ```javascript @Entry @Component struct HelloWorld { build() { Column({ space: 5 }) { Text('Hello, World!') .fontSize(20) .fontColor('#FFFFFF') } .backgroundColor('#000000') } } ``` 上述代码片段利用 ArkTS 和 ArkUI 技术栈构建了个显示固定文本消息的应用界面。 #### 构建与部署 执行下面给出的 shell 命令序列来进行项目的打包处理并将产物传输至实际硬件之上测试效果: ```bash hb set hb build ``` 当切正常完成后,应该可以在连接的目标机器屏幕上看到预期的文字输出结果——即著名的问候短语:“Hello, World!”。 #### 调试优化 初次尝试可能遇到各种各样的问题,比如链接错误或者是性能瓶颈等方面的情况都需要逐排查解决。此时可借助于平台所提供的调试手段辅助分析定位原因所在,并据此调整相应参数设定直至达到满意程度为止。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值