作者:坚果 团队:坚果派 公众号:“大前端之旅” 微信:17752170152 团队介绍:坚果派由坚果创建,团队拥有12个华为HDE,以及若干其他领域的三十余位万粉博主运营。专注于分享的技术包括HarmonyOS/OpenHarmony,ArkUI-X,元服务,服务卡片,华为自研语言,团队成员聚集在北京,上海,南京,深圳,广州,宁夏等地,欢迎合作。
DevEco Studio:4.0Release
OpenHarmony SDK API10
开发板:润和DAYU200
大家好,今天我们就来一起来看一下一个最简单的鸿蒙应用是如何开发的,
说明:动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么
。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的
1.应用的创建流程
2.了解Stage模型配置文件
3.常见UI组件的使用
4.状态管理
5.HTTP请求
6.卡片的创建
DevEco Studio:4.0Release
HarmonyOS SDK API10
1.点击File->new File->Create Progect
2.填写项目名,Hitokoto,应用包名com.nutpi.hitokoto,应用存储位置XXX(不要有中文,特殊字符,空格)
Compile SDK10,Model :Stage
Device Type 默认就可以。
node,建议16.20.1
完成以上配置以后点击Finish
image-20240411111322142
3.选择在新窗口打开,等待依赖加载完毕。如图所示。
image-20240411144232154
如果大家加载依赖报错的话,检查自己的网络。
1.连接手机,并连接到电脑,如图所示
图片
2.签名
签名的步骤:
点击File->Project struct
image-20240411144419390
签完名之后就可以运行到真机上啦。
应用模型是系统为开发者提供的应用程序所需能力的抽象提炼,它提供了应用程序必备的组件和运行机制。有了应用模型,开发者可以基于一套统一的模型进行应用开发,使应用开发更简单、高效。
应用模型的构成要素包括:
这里我们主要了解对应的配置文件就好,先快速的完成应用图标和标签 的设置。
在开发应用时,需要配置应用的一些标签,例如应用的包名、图标等标识特征的属性。本文描述了在开发应用需要配置的一些关键标签。
图标和标签通常一起配置,可以分为应用图标、应用标签和入口图标、入口标签,分别对应app.json5配置文件和module.json5配置文件中的icon和label标签。
应用图标和标签是在设置应用中使用,例如设置应用中的应用列表。入口图标是应用安装完成后在设备桌面上显示出来的,如下图所示。入口图标是以UIAbility为粒度,支持同一个应用存在多个入口图标和入口标签,点击后进入对应的UIAbility界面。
目录在AppScope/app.json5
{
"app": {
"bundleName": "com.myapplication",
"vendor": "example",
"versionCode": 1000000,
"versionName": "1.0.1",
"icon": "$media:iconAi",
"label": "$string:app_name"
}
}
修改src/main/module.json5中如图所示的label和icon。
UI很简单,就是基础组件的使用。
build() {
Column() {
Text("Hitokoto 一言")
.fontSize(50)
.fontWeight(FontWeight.Bold)
Text(this.hiTokInfo.hitokoto)
.fontSize(30)
.fontWeight(FontWeight.Bold)
Text(this.hiTokInfo.from)
.fontSize(30)
}.width('100%')
.height('100%').justifyContent(FlexAlign.Center)
}
应用通过HTTP发起一个数据请求,支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CONNECT方法。
HTTP数据请求功能主要由http模块提供。
使用该功能需要申请ohos.permission.INTERNET权限。
我们就用本次每日一言的这一个接口来与大家举例。
使用前需要在rc/main/module.json5中modele中添加网络权限配置,然后按sync就可以。
"requestPermissions": [{
"name": "ohos.permission.INTERNET"
}],
接下来我们先用postman做一个接口测试。
{
"code": 200,
"msg": "success",
"data": {
"id": 1147,
"hitokoto": "整个社会对我都很苛刻。所以至少让我自己宽容一下我自己吧。如果大家都对自己更宽容一点的话。大家都变成废柴就没有废柴了。",
"type": "a",
"from": "果然我的青春恋爱喜剧搞错了",
"creator": "hitokoto"
},
"time": 1712806127,
"usage": 0,
"log_id": "636888822028570624"
}
测试ok,接下来我们一起来看一下
接口地址:填入你的地址就好
请求方法: [ "GET", "POST" ]
请求参数:
名称 | 必填 | 类型 | 描述 | 示例 |
---|---|---|---|---|
token | true | string | 请求token,用户中心获取。 | 用户中心获取token |
type | false | string | 一言类型 | a |
format | false | string | 返回数据类型,支持json,text | json |
image-20240411202100063
Form Kit(卡片开发服务)提供一种界面展示形式,可以将应用的重要信息或操作前置到服务卡片(以下简称“卡片”),以达到服务直达、减少跳转层级的体验效果。卡片常用于嵌入到其他应用(当前被嵌入方即卡片使用方只支持系统应用,例如桌面)中作为其界面显示的一部分,并支持拉起页面、发送消息等基础的交互能力。
图1 服务卡片架构
卡片的基本概念:
创建卡片当前有两种入口:
WidgetCreateProject
在已有的应用工程中,可以通过右键新建ArkTS卡片,具体的操作方式如下。
右键新建卡片。
ArkTS卡片创建完成后,工程中会新增如下卡片相关文件:卡片生命周期管理文件(EntryFormAbility.ets)、卡片页面文件(WidgetCard.ets)和卡片配置文件(form_config.json)。
然后大家按照自己的需求制作就可以
如下是我做的效果
本次我们在OpenHarmony PC上的这个尝试,更多也是想给大家分享我们在做的一些事情。也是衷心祝愿
OpenHarmony PC越来越完善。