今日看点

HarmonyOS鸿蒙实现HelloWorld应用开发E2E体验

发表于话题:HarmonyOS 2
发布时间:2021-06-02

感谢关注HarmonyOS,为了便于大家学习特将鸿蒙2.0基础教学内容整理如下:

1、HarmonyOS应用开发―视频播放
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap1/index.html

2、HarmonyOS应用开发―基本控件
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap2/index.html

3、HarmonyOS应用开发―UI开发与预览
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-ui/index.html

4、HarmonyOS应用开发―设备虚拟化特性开发
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-screenhardware/index.html

5、HarmonyOS应用开发―HelloWorld应用开发E2E体验
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-HelloWorld/index.html

6、HarmonyOS应用开发―有界面元程序交互
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap6/index.html

7、HarmonyOS应用开发-分布式任务调度
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap5/index.html

8、HarmonyOS应用开发―剪切板
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap4/index.html

9、HarmonyOS应用开发―应用偏好数据读写
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap3/index.html

以下为HarmonyOS应用开发―HelloWorld应用开发E2E体验节选部分,如想进一步了解,请点击:HarmonyOS应用开发―HelloWorld应用开发E2E体验

一、介绍

本篇将实现的内容

智慧屏是首个搭载HarmonyOS的终端产品,通过HarmonyOS智慧屏多页签应用开发,让开发者了解HarmonyOS应用开发的全流程,20分钟快速上手,实现从工程创建到应用上架全过程。
您将建立什么
在这个Codelab中,您将使用HUAWEI DevEco Studio(IDE)开发HarmonyOS智慧屏多页签应用,完成开发者证书申请,工程创建、编译构建、应用调试,并实现HarmonyOS智慧屏部署和运行。

您将学到什么

如何创建一个HarmonyOS Project申请/配置调试签名证书编译构建hap包将hap包部署到智慧屏远程模拟器上,并运行

二、您需要什么

1. 硬件要求

操作系统:Windows10 64位
内存:8G及以上。
硬盘:100G及以上。
分辨率:1280*800及以上

2. 软件要求

需手动下载安装,详细步骤请参考《DevEco Studio使用指南》2.1.2
JDK:DevEco Studio自动安装。
Node.js:请手动下载安装,详细步骤请参考《DevEco Studio使用指南》2.1.3 下载和安装Node.js。
HarmonyOS SDK:待DevEco Studio安装完成后,利用DevEco Studio来加载HarmonyOS SDK。详细步骤请参考《DevEco Studio使用指南》2.1.6 加载HarmonyOS SDK。
Maven库依赖包:如需手动拷贝和配置,详细步骤请参考《DevEco Studio使用指南》2.3 离线方式配置Maven库。

3. 需要的知识点

Java基础开发能力。

三、能力接入准备

实现HarmonyOS智慧屏部署和运行,需要完成以下准备工作:

HUAWEI DevEco Studio环境搭建HarmonyOS门户申请调试证书

具体操作,请按照《HUAWEI DevEco Studio使用指南》中详细说明来完成。

具体操作,请按照《DevEco Studio使用指南》中详细说明来完成。

提示:需要通过注册成开发者才能完成集成准备中的操作。

四、HarmonyOS应用开发

1. 创建工程

创建一个空工程,选择多页签Tab Feature Ability类型,并命名工程名和包名。


一起看看工程目录结构



目录结构中文件分类如下:

1..hml结尾的HML模板文件,这个文件用来描述当前页面的文件布局结构,类似于网页中的HTML文件。
2..css结尾的CSS样式文件,这个文件用于描述页面样式。
3..js结尾的JS文件,这个文件用于处理页面和用户的交互。

各个文件夹的作用:

1.app.js文件用于全局JavaScript逻辑和应用生命周期管理。 pages目录用于存放所有组件页面。
2.common目录用于存放公共资源文件,比如:媒体资源,自定义组件和JS文件。
3.resources目录用于存放资源配置文件,比如:全局样式、多分辨率加载等配置文件。
4.i18n目录用于配置不同语言场景资源内容,比如应用文本词条,图片路径等资源。

2. 编码

本次需要在zh-CN.json和index.hml 2个文件里编码,在common目录下导入若干张图片。


zh-CN.json

{ "Strings": { "title": "华为智慧屏", "subtitle": "历史观看", "tab": ["首页","电影","电视剧","购物","溪村风景","图册","少儿","VIP"], "images": ["/common/img-large1.png","/common/img-large2.png","/common/img-large3.png","/common/img-large4.png"], "text": "文本内容", "details": [ { "text": "花园", "pic": "/common/img-small1.png" }, { "text": "风景一觉", "pic": "/common/img-small2.png" }, { "text": "蓝天白云", "pic": "/common/img-small3.png" }, { "text": "池塘", "pic": "/common/img-small4.png" }, { "text": "办公一角", "pic": "/common/img-small5.png" } ] }, "Files": { } }

index.hml

{{title}} {{item}} {{subtitle}} {{deatilitem.text}}

3.申请调试签名证书

本工程已经提前为您申请了证书,存放在cer目录下。

4. 配置调试签名证书

点击File→Project Structure进行签名配置即可,其中,debug表示调试签名证书,release表示发布签名证书。Store Password和KeyPassword一样,均为helloharmonyos123


配置完成后点击OK,自动在entry/build.gradle生成签名代码块。


你也可以如上图一样,配置成绝对路径,如:

certpath file('./../cer/helloharmonyos.cer')

四. 编译构建hap包

部署并运行五.布局截图:

启动模拟器,登录华为开发者账号。


选择智慧屏模拟器(HD)。


将hap包部署到智慧屏上,并运行(run)。



至此,你已经成功开发出第一个HarmonyOS应用,欢迎进入HarmonyOS世界!

五、恭喜你

干得好,你已经成功完成了HelloWorld应用开发E2E体验,并学到了:

如何创建一个HarmonyOS Project申请/配置调试签名证书编译构建hap包将hap包部署到智慧屏远程模拟器上,并运行

到此这篇关于HarmonyOS实现HelloWorld应用开发E2E体验的文章就介绍到这了,更多相关HarmonyOS HelloWorld 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:DevEco Studio 2.0开发鸿蒙HarmonyOS应用初体验全面测评(推荐)鸿蒙开发之处理图片位图操作的方法详解(HarmonyOS鸿蒙开发基础知识)鸿蒙开发之Button按钮类型及如何通过代码设置(HarmonyOS鸿蒙开发基础知识)鸿蒙HarmonyOS 分布式任务调度的实现鸿蒙HarmonyOS视频播放的实现HarmonyOS鸿蒙基本控件的实现鸿蒙HarmonyOS App开发造轮子之自定义圆形图片组件的实例代码

标签组:[软件] [华为] [应用开发

本文来源:https://www.kandian5.com/articles/23908.html

相关阅读

《庄子·杂篇·徐无鬼》原文

徐无鬼因女商见魏武侯,武侯劳之曰:“先生病矣,苦于山林之劳,故乃肯见于寡人。”徐无鬼曰:“我则劳于君,君有何劳于我!君将盈耆欲,长好恶,则性命之情病矣;君将黜耆欲,牵好恶,则耳目病矣。我将劳君,君有何...

2025-04-28

《庄子·杂篇·让王》简介

“让王”,意思是禅让王位。本篇文章的主旨在于阐述重生,提倡不因外物妨碍生命的思想。利禄不可取,王位可以让,全在于看重生命,保全生命。“轻物重生”的观点历来多有指斥,认为与庄子思想不合,但其间亦有相通之...

2025-04-28

世宗贤妃墓简介

世宗贤妃墓,又称“世宗贤妃坟”、"世宗六妃、二太子墓"或“四妃、二太子墓”。是明十三陵的7座妃嫔墓之一。内葬有郑贤妃等至少四位妃子、二位太子。墓园简介位于神宗四妃墓及悼陵之间,俗称"小宫"。坟园坐北朝...

2025-04-28

《庄子·杂篇·徐无鬼》简介

“徐无鬼”是开篇的人名,以人名作为篇名。全篇大体可分为十四个部分。第一部分至“莫以真人之言謦吾君之侧乎”,写徐无鬼拜见魏武侯,用相马之术引发魏武侯的喜悦,借此讥讽诗、书、礼、乐的无用。第二部分至“君将...

2025-04-28

《庄子·杂篇·庚桑楚》简介

《庄子·杂篇·庚桑楚》:“庚桑楚”是首句里的一个人名,这里以人名为篇名。全篇涉及许多方面的内容,有讨论顺应自然倡导无为的,有讨论认知的困难和是非难以认定的,但多数段落还是在讨论养生。全文大体可以分为五...

2025-04-28

庄子《知北游》译文赏析

知向北游历来到玄水岸边,登上名叫隐弅的山丘,正巧在那里遇上了无为谓。知对无为谓说:“我想向你请教一些问题:怎样思索、怎样考虑才能懂得道?怎样居处、怎样行事才符合于道?依从什么、采用什么方法才能获得道?...

2025-04-28

《庄子·杂篇·庚桑楚》原文

老聃之役有庚桑楚者,偏得老聃之道,以北居畏垒之山。其臣之画然知者去之,其妾之挈然仁者远之。拥肿之与居,鞅掌之为使。居三年,畏垒大壤。畏垒之民相与言曰:“庚桑子之始来,吾洒然异之。今吾日计之而不足,岁计...

2025-04-28

《庄子·外篇·知北游》简介

《庄子》是战国时期著名思想家庄周的毕生精华之作,《知北游》是《庄子·外篇》中的最后一篇,也是具有重要地位的一篇,对于了解《庄子》的哲学思想体系也较为重要。本篇是“外篇”的最后一篇,以篇首的三个字作为篇...

2025-04-28

《庄子·外篇·知北游》原文

知北游于玄水之上,登隐弅之丘,而适遭无为谓焉。知谓无为谓曰:“予欲有问乎若:何思何虑则知道?何处何服则安道?何从何道则得道?”三问而无为谓不答也。非不答,不知答也。知不得问,反于白水之南,登狐阕之上,...

2025-04-28

《庄子·外篇·田子方》简介

田子方是篇首的人名。全篇内容比较杂,具有随笔、杂记的特点,不过从一些重要章节看,主要还是表现虚怀无为、随应自然、不受外物束缚的思想。全文自然分成长短不一、各不相连的十一个部分,第一部分至“夫魏真为我累...

2025-04-28