登录/注册

OpenHarmony 应用开发快速入门

OpenHarmony 应用开发快速入门

更多

以下是 OpenHarmony 应用开发的快速入门指南,帮助您快速上手开发:


一、OpenHarmony 简介

OpenHarmony 是由开放原子开源基金会孵化及运营的开源分布式操作系统,支持手机、平板、智能穿戴、智慧屏、车机等多种终端设备,具有 一次开发,多端部署 的特点。


二、开发环境准备

  1. 安装 DevEco Studio

  2. 配置环境

    • 安装 Node.js(建议 v14+)和 OpenHarmony SDK。
    • 在 DevEco Studio 中通过 File > Settings > SDK Manager 安装对应 API 版本的 SDK。

三、创建第一个项目

  1. 新建项目

    • 打开 DevEco Studio,选择 Create Project
    • 模板选择:Empty Ability(以 JS 或 ArkTS 为基础,推荐 ArkTS 用于复杂场景)。
    • 配置项目名称、包名、存储路径等。
  2. 项目结构

    • entry/src/main:主模块代码目录
      • js/ets:JavaScript/ArkTS 代码
      • resources:资源文件(图片、布局等)
      • config.json:应用配置文件(声明权限、设备适配等)

四、编写简单页面(以 JS 为例)

  1. 修改布局文件
    resources/base/layout 中创建 .hml 文件(类似 HTML):

    <!-- page1.hml -->
    <div class="container">
       <text class="title">Hello OpenHarmony!</text>
       <button class="button" onclick="onClick">点击我</button>
    </div>
  2. 添加样式
    .css 文件中定义样式:

    /* page1.css */
    .container { flex-direction: column; align-items: center; }
    .title { font-size: 30px; color: #000; }
    .button { width: 50%; margin-top: 20px; }
  3. 添加逻辑代码
    .js 文件中处理点击事件:

    // page1.js
    export default {
       onClick: function() {
           console.log("按钮被点击了!");
           // 弹窗提示
           prompt.showToast({ message: "Hello OpenHarmony!" });
       }
    }

五、运行与调试

  1. 连接设备

    • 使用真机:通过 USB 连接并开启开发者模式。
    • 使用模拟器:在 DevEco Studio 中启动本地模拟器。
  2. 运行项目
    点击工具栏的 Run 按钮(绿色三角形),选择目标设备,等待应用安装并启动。


六、核心概念扩展

  1. Ability

    • Page Ability:用户交互的界面(类似 Activity)。
    • Service Ability:后台服务(无界面)。
  2. 数据绑定
    使用 {{变量名}} 语法实现 UI 与数据的动态绑定(ArkTS 语法更强大)。

  3. 生命周期
    onInitonReadyonDestroy 等,管理页面状态。


七、学习资源

  1. 官方文档:OpenHarmony 开发者文档
  2. 示例代码:OpenHarmony 应用样例
  3. 社区支持:OpenHarmony 论坛

通过以上步骤,您已完成一个基础 OpenHarmony 应用的开发!后续可深入学习 ArkTS 语言、分布式能力、多设备适配等高级特性。

HarmonyOS/OpenHarmony应用开发-DevEco Studio帮助快速入门的使用

DevEco Studio内置有帮助中心,初学HarmonyOS 及OpenHarmony应用、元服务的开发者,通过内置的帮助中去系统的学习相关内容,是边练边学,

2023-09-13 16:28:26

OpenHarmony入门攻略:环境搭建

此系列是笔者关于 OpenHarmony 智能家居开发套件(Hi3861 芯片)的学习历程,本篇作为入门环节,将具体介绍

2023-05-15 09:36:58

OpenHarmony原子化服务开发快速入门体验(上)

公司以前基于OpenHarmony-Application模式下的”解锁学习DEMO”转化成OpenHarmony-Atomic service即原子化服务的详细

2022-06-21 11:07:37

高级开发套件快速入门指南

高级开发套件快速入门指南

资料下载 佚名 2023-07-03 20:20:43

高级开发套件快速入门指南

高级开发套件快速入门指南

资料下载 张鑫 2023-01-30 18:51:37

RK1808开发快速入门手册

A205型RK1808开发板快速入门手册

资料下载 虽万人吾往矣 2022-08-30 11:57:19

PIC24FJ256GA7 Curiosity开发快速入门指南

PIC24FJ256GA7 Curiosity开发板快速入门指南免费下载。

资料下载 姚小熊27 2021-05-12 09:56:29

IAR EWARM快速入门的学习教程免费下载

IAR EWARM快速入门的学习教程免费下载包括了:第一章 EWARM集成开发环境及配套仿真器,第二章在 EWARM中生成一个新项目,第三章编译

资料下载 佚名 2021-03-25 10:24:19

OpenHarmony原子化服务开发快速入门体验(上)

基于OpenHarmony-Application模式下的”解锁学习DEMO”转化成OpenHarmony-Atomic service即原子化服务的详细开发

2022-06-20 09:48:14

OpenHarmony快速入门开发应用所必备的基础知识

开发准备本文档适用于OpenHarmony应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用(如下图所示),

2022-05-12 14:11:47

OpenHarmony 应用开发快速入门

本文档适用于OpenHarmony应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用(如下图所示),快速了解工程目录的主要文件,熟

2022-05-06 16:03:12

OpenHarmony轻量与小型系统入门概述

参考轻量和小型系统快速入门(安装包方式)。 开发环境 开发者通常习惯采用

2022-05-06 15:48:03

OpenHarmony L0设备开发入门

OpenHarmony 开源开发者成长计划的学员了解 OpenHarmony 开源项目、学习搭建

2022-01-06 17:08:23

openharmony入门教程需要了解哪些

OpenHarmony快速入门需要了解的三种开发板:Hi3861

2021-06-24 16:01:51

openharmony教程 openharmony快速入门

框架以及平台,为了更好的促进万物互联。那么openharmony如何入门,openharmony教程,下面小编为大家带来

2021-06-22 09:30:30

7天热门专题 换一换
相关标签