论坛
潜水/灌水快乐,沉淀知识,认识更多同行。
ToB圈子
加入IT圈,遇到更多同好之人。
朋友圈
看朋友圈动态,了解ToB世界。
ToB门户
了解全球最新的ToB事件
博客
Blog
排行榜
Ranklist
文库
业界最专业的IT文库,上传资料也可以赚钱
下载
分享
Share
导读
Guide
相册
Album
记录
Doing
搜索
本版
文章
帖子
ToB圈子
用户
免费入驻
产品入驻
解决方案入驻
公司入驻
案例入驻
登录
·
注册
只需一步,快速开始
账号登录
立即注册
找回密码
用户名
Email
自动登录
找回密码
密码
登录
立即注册
首页
找靠谱产品
找解决方案
找靠谱公司
找案例
找对的人
专家智库
悬赏任务
圈子
SAAS
ToB企服应用市场:ToB评测及商务社交产业平台
»
论坛
›
软件与程序人生
›
移动端开发
›
鸿蒙
›
OpenHarmony标准设备应用开发(一)——HelloWorld ...
OpenHarmony标准设备应用开发(一)——HelloWorld
笑看天下无敌手
金牌会员
|
2022-6-26 09:19:23
|
显示全部楼层
|
阅读模式
楼主
主题
655
|
帖子
655
|
积分
1965
(以下内容来自开发者分享,不代表 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 中的应用。
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有账号?
立即注册
x
回复
使用道具
举报
0 个回复
正序浏览
返回列表
快速回复
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
or
立即注册
本版积分规则
发表回复
回帖并转播
发新帖
回复
笑看天下无敌手
金牌会员
这个人很懒什么都没写!
楼主热帖
mysql精简单机版,免登录,可复制,不 ...
一个工作薄中快速新建多个数据表 ...
什么是真正的HTAP?(一)背景篇 ...
使用ansible部署服务到k8s
AJAX学习(1)
终于把 Spring Boot 3.0 写成书了! ...
【毕业季】-职场10年大咖有话想说 ...
Java如何使用流式编程的方式访问url呢 ...
使用 Kubeadm 部署 Kubernetes(K8S) 安 ...
Gitee教程实战(企业级) 包含详细的出 ...
标签云
挺好的
服务器
快速回复
返回顶部
返回列表