0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

如何在鸿蒙系统上弄一个ArkUI应用

OpenHarmony技术社区 来源:鸿蒙技术社区 作者:拓维云创qzk 2021-11-15 09:28 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

大家可以看到很明显这是一个 ArkUI 的应用,在远程模拟器上目前还只可以跑在 P40 Pro 上。

其实为了这个目的,只需要做到两个步骤,第一步整出一个 ArkUI 的应用来,第二步将该应用放上 Hi3516 跑起来,OK,这就是总体思路,然后顺着这个步骤,一步一步来做。

整一个 ArkUI的应用

因为我这里的主要目的是为了测试 3516 标准系统是否支持 ArkUI 框架,所以仅仅写了一个超简单的 demo,因为这 demo 还不属于本文章的重点,就是小示例。

①首先创建一个声明式 UI 工程

如下图在 deveco studio 中创建工程的时候注意一下,别的没什么区别。

②将图片放入对应目录

右键 resources 文件夹,点击 New>Resource Directory,选择 Resource Type 为 Media(图片资源),选择资源限定词为 Device-Phone,详细参考官方大大。

这里需要注意的是如果采用把图片放在 rawfile 下的时候,这个时候在远程模拟器的 P40 Pro 是可以完美显示的,但是在 3516 中图片显示不出来,具体原因还有待深究!有兴趣的大佬可以去深究一拨儿,我以后也会去看这个问题。

③添加代码引用资源

直接将 entry/src/main/default/pages/index.ets 中的文件替换为如下内容:

@Entry
@Component
structMyComponent{
build(){
Stack(){
Image($r('app.media.cat'))
.objectFit(ImageFit.Contain)
.height(357)
Text('Cat')
.fontSize(26)
.fontWeight(500)
}
}
}

④修改应用名字

这个配置文件是 string.json,所存在目录为:

entry/src/main/resources/base/element/string.json

试着将应用放入 Hi3516 上跑起来

因为我们这个是属于把应用放入实体设备,所以签名这一步是必不可少的,签名完成后,在打出 hap 包后,再把 hap 包想办法扔进设备,并且可以运行。

openharmony 签名打包

下面这几步骤就是 openharmony 签名过程,缺一不可。

生成密钥和证书请求文件,这里先了解哈这两个概念:

  • 密钥:包含非对称加密中使用的公钥和私钥,存储在密钥库文件中,格式为 .p12,公钥和私钥对用于数字签名和验证。

  • 证书请求文件:格式为 .csr,全称为 Certificate Signing Request,包含密钥对中的公钥和公共名称、组织名称、组织单位等信息,用于向 AppGallery Connect 申请数字证书。

然后操作方法就是打开你的 deveco studio,然后按照下图进行操作:

f02e0ac0-458d-11ec-b939-dac502259ad0.png

然后就会弹出下述界面:

f087f59e-458d-11ec-b939-dac502259ad0.png

如果是第一次使用的话,肯定是没有生成过密钥的,也就是 .p12 文件,所以这里需要 new 一个,这里需要重点关注的是 new 的时候会让你写一个密码,这个密码写了啥,一定要记住,后面会用,不然整个打包过程就会直接 fail。

接下来就按照提示填就可以了。这一步完成之后会生成一个 .p12 文件和一个 .csr 文件,这两个文件很重要缺一不可。

生成应用证书文件:生成应用证书文件的格式为 .cer,由华为 AppGallery Connect 颁发。

先进入 openharmonysdk 的目录下,这里是 deveco studio 的安装目录,然后敲命令行,执行如下命令:

f126f694-458d-11ec-b939-dac502259ad0.png

keytool 是 jdk 中的一个工具,在我把路径加好之后仍然找不到,所以大家如果也遇到我的这个错误可以直接加上全路径。

这里只需要关注的两个参数,一个是 -input,另外一个是 -output。
  • -input:这里需要填写的路径是在上面步骤中生成的 .csr 文件。

  • -output:这里需要填写的是这一次操作会生成的应用证书文件:.cer,这在签名中会用到。

生成应用 Profile 文件:这一步和上面一样需要先进入到 deveco studio 安装目录中的 openharmony sdk 路径下,然后敲命令行,如下图所示:

f1b66d56-458d-11ec-b939-dac502259ad0.png

命令中的 provisionsigtool.jar 这个文件在 sdk 目录中就存在。

这里需要注意的参数有 -out 和 distribution-certificate:

  • -out:这个参数指定本次生成的文件存放目录,为 .p7b。

  • distrubution-certificate:这个参数用来指定上文中生成的 .cer 文件。

配置应用签名信息:在 deveco studio 中按照下述图片点击出第二副配置界面:

f218e396-458d-11ec-b939-dac502259ad0.png

按照上图点击 Project Structure,然后弹出:

f2926a04-458d-11ec-b939-dac502259ad0.png

上图中的 .p12 文件为 2.1.1 中生成的,上图中的密码是 2.1.1 中设置的密码,key alias 也是在 2.1.1 中设备的别名;上图中的 .p7b 文件是在 2.1.3 中生成的,上图中的 .cer 文件是在 2.1.2 中生成的。

打 release 的 hap 包:按照下图所示,使用 dev eco 进行生成 hap 包。

f33da6b2-458d-11ec-b939-dac502259ad0.png

②将上文中生成好的带签名的 hap 包烧录进去系统

PS:本身琢磨源码的想法,所以我没有采用工具进行安装,而是把 hap 包放入系统源码中,然后修改一些配置文件,让其成为系统的自带应用,然后编译,最后在烧录系统。

这里对烧录系统有疑问,而你恰好也是 ubuntu 系统的话,可以参考我的上一篇文章:

https://harmonyos.51cto.com/posts/8994

将 hap 包放入指定位置:将 hap 包放入到 applications/standard/hap 目录下。

f3bc8efa-458d-11ec-b939-dac502259ad0.png

上图中可以看到我将 hap 包重新命名为了 Temp.hap。

修改编译配置文件:这里的编译配置文件一共需要修改两个,一个是 BUILD.gn,另一个是 ohos.build。

applications/standard/hap/BUILD.gn,按照下图进行添加:

f4492586-458d-11ec-b939-dac502259ad0.png

applications/standard/hap/ohos.build,按照下图进行添加:

f4c714a0-458d-11ec-b939-dac502259ad0.png

启动编译:执行下列命令进行编译。

./build.sh--product-nameHi3516DV300

编译完成之后,进行烧录,就可以看到诱人的 ArkUI 应用了。

责任编辑:haq
声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 鸿蒙系统
    +关注

    关注

    183

    文章

    2642

    浏览量

    69337
  • HarmonyOS
    +关注

    关注

    80

    文章

    2146

    浏览量

    35568

原文标题:亲测!ArkUI在3516标准系统可以完美跑起来!

文章出处:【微信号:gh_834c4b3d87fe,微信公众号:OpenHarmony技术社区】欢迎添加关注!文章转载请注明出处。

收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    【HarmonyOS next】ArkUI-X休闲娱乐搞笑日历【基础】

    引言 在跨平台应用开发中,网络图片在不同设备的适配展示是常见挑战。本文将基于HarmonyOS next的ArkUI-X框架,通过休闲娱乐日历应用,展示如何实现网络图片在华为和i
    发表于 06-28 22:07

    【HarmonyOS next】ArkUI-X新闻热搜聚合App【进阶】

    通过ArkUI-X将鸿蒙下的新闻热搜聚合App转换为iOS 、项目背景与技术选型 1.1 项目概述 本案例基于鸿蒙(HarmonyOS)开发的聚合热搜热榜应用,通过调用韩小韩博客提供
    发表于 06-28 21:43

    【HarmonyOS next】ArkUI-X休闲益智儿童拼图【进阶】

    项目,我们验证了ArkUI-X框架的强大跨端能力。无论是华为的鸿蒙系统,还是iOS平台,都能保持90%以上代码复用率,真正实现了\"次开发,多端部署\"的理想状态。期待
    发表于 06-28 21:41

    ArkUI-X案例解析

    ;: \"file:../../../features/main\", } } } Products差异性性拆分 以鸿蒙世界为例,HarmonyOS Next设备应用持有5
    发表于 06-23 22:40

    ArkUI-X应用工程结构说明

    )并可以部署到相应的OS平台,降低跨平台应用开发成本。 应用工程目录结构介绍 跨平台应用工程目录结构说明 以IDE创建的模板工程【ArkUI-X】Empty Ability举例,包含套为ArkUI
    发表于 06-19 23:11

    ArkUI-X跨平台技术落地-华为运动健康(二)

    进行设置,Entry模块收到该参数之后,解析参数从而决定拉起的页面,简单的示意图如下所示: ArkUI-X与原生之间的bridge桥接通信 ArkUI-X SDK 提供了
    发表于 06-18 23:04

    ArkUI-X跨平台技术落地-华为运动健康()

    开发工作量以及保证体验致性,对于运动健康App而言,显得尤为重要。作为鸿蒙NEXT系统生态中的重要员,ArkUI-X框架是我们跨平台技术
    发表于 06-18 22:53

    ArkUI-X在Android平台动态化开发指南

    本文介绍如何在Android平台进行ArkUI-X动态化开发,包括动态化目录规则及约束。 适用场景 动态化主要包括两典型场景: 场景1:框架动态化,为了降低应用ROM体积占用,及满足动态升级框架
    发表于 06-15 23:33

    ArkUI-X框架LogInterface使用指南

    ArkUI-X框架支持日志拦截能力,Android侧提供原生接口,用于注入LogInterface接口,框架日志及ts日志通过该接口输出,本文的核心内容是介绍如何在Android平台上有效利用
    发表于 06-15 23:20

    ArkUI-X与Android消息通信

    。指定名称,该名称应与ArkUI侧平台桥接的名称致。通过创建的该对象即可调用平台桥接的方法。 // xxx.java Bridge bridge = new Bridge(this, \"
    发表于 06-08 22:15

    Kuikly鸿蒙版正式开源 —— 揭秘卓越性能适配之旅

    6倍 Kuikly鸿蒙版对齐Android版高性能表现,与原生打开速度基本致 总体适配方案 Kuikly架构回顾和优势 Kuikly是
    发表于 06-04 16:46

    ArkUI-X跨平台框架接入指南

    ArkUI跨平台框架(ArkUI-X)进步将ArkUI开发框架扩展到了多个OS平台:目前支持OpenHarmony、Android、 iOS,后续会逐步增加更多平台支持。开发者基于
    发表于 05-18 18:21

    【「鸿蒙操作系统设计原理与架构」阅读体验】01-初始华为鸿蒙

    的应用经验,已形成了套较完备的理论体系。鸿蒙操作系统在该理论体系的基础,结合我国多年的产业化经验,参考学术界的最新研究成果,完成了基础架构设计。
    发表于 01-25 11:05

    开源鸿蒙5.0 Release版本关键特性解读

    概述 开源鸿蒙 5.0 Release版本是开源鸿蒙操作系统里程碑,在系统能力、性能优化等
    的头像 发表于 12-23 13:58 4313次阅读

    何在Linux系统设置站群服务器IP地址

    在Linux系统设置站群服务器的IP地址,可以通过以下步骤进行,主机推荐小编为您整理发布如何在Linux系统设置站群服务器IP地址。
    的头像 发表于 12-11 10:05 861次阅读