• 环境配置、如何安装OpenHarmony HAR


    OpenHarmony HAR

    OpenHarmony js/ts三方库使用的是OpenHarmony静态共享包,即HAR(Harmony Archive),可以包含js/ts代码、c++库、资源和配置文件。通过HAR,可以实现多个模块或者多个工程共享ArkUI组件、资源等相关代码。HAR不同于HAP,不能独立安装运行在设备上,只能作为应用模块的依赖项被引用。

    如何安装OpenHarmony HAR

    引用三方HAR,包括从仓库进行安装和从本地库模块中进行安装两种方式。

    引用仓库安装的HAR:

    引用ohpm仓中的HAR,首先需要设置三方HAR的仓库信息,DevEco Studio默认仓库地址是ohpm,如果您想设置自定义仓库,请在DevEco Studio的Terminal窗口执行如下命令进行设置(执行命令前,请确保将DevEco Studio中ohpm安装地址配置在“环境变量-系统变量-PATH”中):

    ohpm config set registry=your_registry1,your_registry2
    

    说明:ohpm支持多个仓库地址,采用英文逗号分隔。 然后通过如下两种方式设置三方包依赖信息:

    • 方式一:在Terminal窗口中,执行如下命令安装三方包,DevEco
      Studio会自动在工程的oh-package.json5中自动添加三方包依赖。
    ohpm install @ohos/lottie
    
    • 方式二:在工程的oh-package.json5中设置三方包依赖,配置示例如下:
    "dependencies": { "@ohos/lottie": "^2.0.0"}
    

    依赖设置完成后,需要执行ohpm install命令安装依赖包,依赖包会存储在工程的oh_modules目录下。

    ohpm install
    

    引用本地库模块的文件和资源:

    • 方式一:在Terminal窗口中,执行如下命令进行安装,并会在oh-package5.json中自动添加依赖。
    ohpm install ../library
    
    • 方式二:在工程的oh-package.json5中设置三方包依赖,配置示例如下:
    1. "dependencies": {
    2. "@ohos/library": "file:../library"
    3. }

    依赖设置完成后,需要执行ohpm install命令安装依赖包,依赖包会存储在工程的oh_modules目录下。

    ohpm install
    

    在引用OpenHarmony HAR时,请注意以下事项:

    • 当前只支持在模块和工程下的oh-package.json5文件中声明dependencies依赖,才会被当做OpenHarmony依赖使用,并在编译构建过程中进行相应的处理。
    • 引用的模块的compileSdkVersion不能低于其依赖的OpenHarmony
      ohpm三方包(可在oh_modules目录下,找到引用的ohpm包的src > main > module.json5 中查看)。

    引用OpenHarmony HAR hml页面

    在JS工程范式中,组件功能由hml承载,开发者可以在JS工程的hml页面通过标签来引入OpenHarmony HAR中的共享hml页面,示例如下:

    <element name="comp" src="@ohos/library/src/main/js/components/index/index.hml"></element>
    

    其中,@ohos/library为OpenHarmony HAR的包名,hml页面的路径为OpenHarmony HAR中的相对路径。随后便可以通过设置的name来使用该element元素,以引用OpenHarmony HAR中的hml页面,示例如下:

    1. <element name="comp" src="@ohos/library/src/main/js/components/index/index.hml"></element>
    2. <div class="container">
    3. <comp></comp>
    4. <text class="title">
    5. {{ $t('strings.hello') }} {{ title }}
    6. </text>
    7. </div>

    引用OpenHarmony HAR ArkTS页面

    ArkTS是TypeScript的扩展,因此导出和引入的语法与TypeScript一致。在OpenHarmony ohpm模块中,可以通过export导出ArkTS页面,示例如下:

    1. // library/src/main/ets/components/MainPage/MainPage.ets
    2. @Entry
    3. @Component
    4. export struct MainPage {
    5. @State message: string = 'Hello World'
    6. build() {
    7. Row() {
    8. Column() {
    9. Text(this.message)
    10. .fontSize(50)
    11. .fontWeight(FontWeight.Bold)
    12. }
    13. .width('100%')
    14. } .height('100%')
    15. }
    16. }

    然后在其它模块中通过import引入导出的ArkTS页面,示例如下所示:

    1. // entry/MainAbility/pages/index.ets
    2. import { MainPage } from "@ohos/library"
    3. @Entry
    4. @Component
    5. struct Index {
    6. @State message: string = 'Hello World'
    7. build() {
    8. Column() {
    9. MainPage()
    10. Row() {
    11. Text(this.message)
    12. .fontSize(50)
    13. .fontWeight(FontWeight.Bold)
    14. }
    15. .width('100%')
    16. }
    17. .height('10%')
    18. }
    19. }

    引用OpenHarmony HAR内ts/js方法ts/js方法的导出和引用,与ArkTS页面的引用相同,即在OpenHarmony ohpm模块中,可以通过export导出ts/js方法,示例如下所示:

    1. // library/index.js
    2. export function func() {
    3. return "[ohpm] func1";
    4. }

    然后在其它的ts/js页面中,通过import引入导出的ts/js方法,示例如下所示:

    1. // entry/src/main/js/MainAbility/pages/index/index.js
    2. import {func} from "@ohos/library"
    3. export default {
    4. data: {
    5. title: ""
    6. },
    7. onInit() {
    8. this.title = func();
    9. }
    10. }

    引用OpenHarmony HAR内资源支持在OpenHarmony ohpm模块和依赖OpenHarmony ohpm的模块中引用OpenHarmony ohpm模块内的资源。例如在OpenHarmony ohpm模块的scr/main/resources里添加字符串资源(在string.json中定义,name:hello_ohpm)和图片资源(icon_ohpm.png)。然后在Entry模块中引用该字符串资源和图片资源的示例如下: 当前暂不支持类Web范式引用i18n文件中的国际化资源。

    1. // entry/src/main/ets/MainAbility/pages/index.ets
    2. @Entry
    3. @Component
    4. struct Index {
    5. @State message: string = 'Hello World'
    6. build() {
    7. Column() {
    8. Row() {
    9. Text($r("app.string.hello_ohpm")) // 字符串资源
    10. .fontSize(40)
    11. .fontWeight(FontWeight.Bold)
    12. }
    13. .width('50%')
    14. Image($r("app.media.icon_ohpm")) // 图片资源
    15. }
    16. .height('100%')
    17. }
    18. }

    在编译构建HAP中,DevEco Studio会从HAP模块及依赖的模块中收集资源文件,如果不同模块的相同限定词目录下的资源文件出现重名冲突时,DevEco Studio会按照以下优先级进行覆盖(优先级由高到低):

    • AppScope(仅API 9的Stage模型支持)
    • HAP包自身模块
    • 依赖的OpenHarmonyHarmony ohpm模块

    那么要想成为一名鸿蒙高级开发,以上知识点是必须要掌握的,除此之外,还需要掌握一些鸿蒙应用开发相关的一些技术,需要我们共同去探索。

    为了能够让大家跟上互联网时代的技术迭代,在这里我特邀了几位行业大佬整理出一份最新版的鸿蒙学习提升资料,有需要的小伙伴自行领取,限时开源,先到先得~~~~

    领取以下高清学习路线原图请点击→《鸿蒙基础入门学习指南》纯血鸿蒙HarmonyOS基础技能学习路线图
    在这里插入图片描述
     

    领取以上完整高清学习路线图,请点击→《鸿蒙全套学习指南》小编自己整理的部分学习资料(包含有高清视频、开发文档、电子书籍等)

    在这里插入图片描述

    以上分享的学习路线都适合哪些人跟着学习?

    -应届生/计算机专业
    通过学习鸿蒙新兴技术,入行互联网,未来高起点就业。
    -0基础转行
    提前布局新方向,抓住风口,自我提升,获得更多就业机会。
    -技术提升/进阶跳槽
    发展瓶颈期,提升职场竞争力,快速掌握鸿蒙技术,享受蓝海红利。

    在这里插入图片描述

    最后

    鸿蒙开发学习是一个系统化的过程,从基础知识的学习到实战技能的锤炼,再到对前沿技术的探索,每一环节都至关重要。希望这份教程资料能帮助您快速入门并在鸿蒙开发之路上步步攀升,成就一番事业。让我们一起乘风破浪,拥抱鸿蒙生态的广阔未来!

    如果你觉得这篇内容对你有帮助,我想麻烦大家动动小手给我:点赞,转发,有你们的 『点赞和评论』,才是我创造的动力。

    关注我,同时可以期待后续文章ing,不定期分享原创知识。

    想要获取更多完整鸿蒙最新VIP学习资料,请点击→《鸿蒙 (Harmony OS)开发学习手册

  • 相关阅读:
    ARM 汇编写启动代码之开 iCache
    安全基础~通用漏洞5
    Vulnhub-DC-3
    【初阶与进阶C++详解】第十六篇:AVL树-平衡搜索二叉树(定义+插入+旋转+验证)
    Java基础(第七期):Java面向对象和类 && 类的封装 &&Java构造器 && JavaBean标准
    MySQL主从的应用
    【TB作品】MSP430G2533,读取dht11,显示到lcd1602显示屏,串口发送到电脑
    python API自动化(Pytest+Excel+Allure完整框架集成+yaml入门+大量响应报文处理及加解密、签名处理)
    c语言入门---调试技巧
    Linux编辑器 VI VIM
  • 原文地址:https://blog.csdn.net/m0_70749039/article/details/136479328