首页 > 其他分享 >鸿蒙操作系统-初识

鸿蒙操作系统-初识

时间：2024-03-26 17:32:23浏览次数：31  
标签：ets 操作系统 鸿蒙 Index 模块 初识 应用 HAR 页面

HarmonyOS-初识

官方文档请参考：HarmonyOS

简述

1.定义：HarmonyOS是分布式操作系统，它旨在为不同类型的智能设备提供统一的操作系统，可以在手机、平板、智能穿戴、智慧屏、车机、PC、智能音箱、耳机、AR/VR 眼镜等多种不同终端设备，实现协同操作和资源共享，提升设备间的互联互通能力。

2.特性

  • 硬件互助，资源共享
    a.分布式软总线 ：提供统一的设备之间连接通信的API。
    b.分布式设备虚拟化 ：可以实现不同设备的资源融合、设备管理、数据处理，多种设备共同形成一个超级虚拟终端。针对不同类型的任务，为用户匹配并选择能力合适的执行硬件，让业务连续地在不同设备间流转。
    　　eg：在做家务时接听视频电话，可以将手机与智慧屏连接，并将智慧屏的屏幕、摄像头与音箱虚拟化为本地资源，替代手机自身的屏幕、摄像头、听筒等。
    c.分布式数据管理 ：基于分布式软总线的能力，实现应用程序数据和用户数据的分布式管理。
    　　eg：将设计文档直接投屏到智慧屏，在智慧屏进行文档的修改操作可以在手机上同步显示。
    d.分布式任务调度：基于分布式软总线、分布式数据管理、分布式 Profile 等技术特性，构建统一的分布式服务管理（发现、同步、注册、调用）机制，支持对跨设备的应用进行远程启动、远程调用、远程连接以及迁移等操作。
    　　eg：用户驾车出行，上车前，在手机上规划好导航路线；上车后，导航自动迁移到车机和车载音箱；下车后，导航自动迁移回手机。
    e.分布式连接能力 ：智能终端底层和应用层的连接能力，通过 USB 接口共享终端部分硬件资源和软件能力。
  • 一次开发，多端部署：HarmonyOS 提供了用户程序框架、Ability 框架以及 UI 框架(使用栅格化布局即网页可以自动适应横竖屏页面)
  • 统一OS，弹性部署：HarmonyOS 通过组件化和小型化等设计方法，支持多种终端设备按需弹性部署。

安装配置

1.下载DevEco Studio：DevEco Studio提供SDK Manager统一管理SDK及工具组件。

  • 一路next，此页面全选，继续next直至finish
    在这里插入图片描述

  • 运行已安装的DevEco Studio，首次使用，请选择Do not import settings，单击OK；如果之前使用过根据需要选择路径即可。
    在这里插入图片描述

  • 安装Node.js与ohpm：可以指定本地已安装的Node.js或ohpm路径位置（Node.js版本v14.19.1及以上，且低于v17.0.0；对应的npm版本要求为6.14.16及以上）；如果本地没有选择Install按钮，选择下载源和存储路径后，进行在线下载，单击Next进入下一步。
    在这里插入图片描述

  • 安装SDK可自定义路径（不要有中文），next；阅读相关协议后，勾选Accept，等待安装。

2.诊断开发环境
欢迎界面单击Help > Diagnose Development Environment进行诊断。如已打开开发界面，也可以在菜单栏单击Help > Diagnostic Tools > Diagnose Development Environment进行诊断。
都是√则诊断没问题，可以去搭建首个demo。如果像我一样出现×则需要去配置NPM代理。
在这里插入图片描述
点击Click here，HTTP proxy代理服务器信息，默认会与DevEco Studio的HTTP proxy设置项保持一致。如果需要配置帐号密码，请使用如下格式进行配置：

http://user:[email protected]

我采用了用户名和密码的形式失败了，所以建议直接采用默认模式，即打上所有对勾什么都不填，点击ok。还看到另一种方法，在最开始安装的时候就采用手机热点的形式，则不需要不配置代理模式（一般是家庭wifi或者公司才需要配置）。
在这里插入图片描述
npm解决完毕后，可继续点击诊断环境页面的Set it up now，安装ohpm；最终达到诊断页面全是√。
进一步进行检查Files > Settings >SDK，进行安装。
在这里插入图片描述

3.中文插件：如果需要中文模式，单击Files > Settings > Plugins，选择Installed页签，在搜索框输入Chinese，搜索结果里将出现Chinese(Simplified)，在右侧单击Enable，单击OK。

hello world

1.创建项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点击Finish，工具会自动生成示例代码和相关资源，等待工程创建完成。
在这里插入图片描述
在右边的侧边工具栏，点击Previewer，预览一下。（注意预览需要运行的是.ets文件，否则报错如下）

在这里插入图片描述

2.目录解释

在这里插入图片描述
AppScope目录下面的文件名与Entry之类的模块下面的文件名不能重复，否则IDE会报错。

3.构建页面

1.在Index.ets原有的基础上添加按钮，点击按钮跳转到另一个页面

@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        //添加按钮
        Button() {
          Text('Next')
            .fontSize(30)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 20
        })
        .backgroundColor('#0D9FFB')
        .width('40%')
        .height('5%')
      }
      .width('100%')
    }
    .height('100%')
  }
}

在这里插入图片描述
2.创建第二个页面，在entry > src > main > ets > pages右键新建文件有两种方式：

  • New > ArkTS File
  • New > Page，无需手动配置相关页面路由，我采用此种方式

配置第二个页面的路由：在entry > src > main > resources > base > profile的main_pages.json中（如是如果采用第二种方式创建文件，则路由也不需要配置）

{
  "src": [
    "pages/Index",
    "pages/Second"
  ]
}

Second.ets代码跟index.ets一样，只需要修改文字展示部分即可
在这里插入图片描述
3.页面跳转的实现，通过页面路由router来实现，导入模块即可

// 导入页面路由模块
import router from '@ohos.router';
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        //添加按钮
        Button() {
          Text('Next')
            .fontSize(30)
            .fontWeight(FontWeight.Bold)
        }
        .type(ButtonType.Capsule)
        .margin({
          top: 20
        })
        .backgroundColor('#0D9FFB')
        .width('40%')
        .height('5%')
        // 跳转按钮绑定onClick事件，点击时跳转到第二页
        .onClick(() => {
          console.info(`Succeeded in clicking the 'Next' button.`)
          // 跳转到第二页
          router.pushUrl({ url: 'pages/Second' }).then(() => {
            console.info('Succeeded in jumping to the second page.')
          }).catch((err) => {
            console.error(`Failed to jump to the second page.Code is ${err.code}, message is ${err.message}`)
          })
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}

第二个页面同理，只需要改为router.back()
在这里插入图片描述

<iframe allowfullscreen="true" data-mediaembed="csdn" frameborder="0" id="gmYpVV3c-1711337104329" src="https://live.csdn.net/v/embed/373505"></iframe>

4.真机运行

IDE右上角，去下载设备，这里我就下载Phone
在这里插入图片描述
然后添加新的模拟器，路径可改
在这里插入图片描述
在这里插入图片描述
这里是镜像，如果没有下载进行下载即可
在这里插入图片描述
在这里插入图片描述
模拟器添加成功，点击三角运行
在这里插入图片描述
模拟器启动失败
在这里插入图片描述
看了相关文章有两种方案：

  • 下载Haxm
  • 电脑左下搜索控制面板，启动虚拟机相关功能如下，但是我由于公司权限问题，无法操作
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

应用程序包

1.一个应用包含一个或者多个Module，Module分为Ability和Library：

  • Ability类型的Module对应于编译后的HAP（Harmony Ability Package）
  • Library类型的Module对应于HAR（Harmony Archive），或者HSP（Harmony Shared Package）

2.HAP是HarmonyOS应用安装的基本单位，包含了编译后的代码、资源、三方库及配置文件。HAP可分为Entry和Feature：

  • Entry类型的HAP：应用的主模块，在module.json5配置文件中 “type”: “entry”。在同一个应用中，同一设备类型只支持一个Entry类型的HAP，通常用于实现应用的入口界面、入口图标、主特性功能等。
  • Feature类型的HAP：应用的动态特性模块，在module.json5配置文件中 “type”: “feature”。一个应用程序包可以包含一个或多个Feature类型的HAP，也可以不包含；Feature类型的HAP通常用于实现应用的特性功能。

3.每个HarmonyOS应用可以包含多个.hap文件，一个应用中的.hap文件合在一起称为一个Bundle。在应用上架到应用市场时，需要把Bundle打包为一个.app后缀的文件用于上架，这个.app文件称为App Pack（Application Package），其中同时包含了描述App Pack属性的pack.info文件。等该App包上架到应用市场云端，应用市场会对上架的App包校验签名，校验签名通过后会将App包中的HAP拆分出来，同时对拆分出的HAP重新添加签名，然后对HAP进行分发，以达到统一OS，弹性部署。
　　　　　　　　　　　　应用程序包结构如下　　　　 　　　　　　　 　　　　　　　　　　　　　　　　　　　在这里插入图片描述

共享包

共享包是为了实现代码和资源的共享。HarmonyOS提供了两种共享包：

  • HAR（Harmony Archive）静态共享包
  • HSP（Harmony Shared Package）动态共享包

不同之处在于：HAR中的代码和资源跟随使用方编译，如果有多个使用方，它们的编译产物中会存在多份相同拷贝；而HSP中的代码和资源可以独立编译，运行时在一个进程中代码也只会存在一份。
　　　　　　　　　　　　　HAR和HSP在APP包中的形态示意图
在这里插入图片描述

HAR

1.创建一个HAR模块
在这里插入图片描述
选择Static Library，并单击Next，创建成功后会出现与entry同级的目录，即新HAR模块。

2.混淆能力：会对代码进行编译、混淆及压缩处理，保护代码资产。
HAR模块默认不开启混淆能力，开启需要配置HAR的build-profile.json5文件：

{
  //apiType必须是下面这个值，因为Stage模型才支持混淆
  "apiType": "stageMode",
  "buildOption": {
      "artifactType": "obfuscation"
  }
}

3.导出HAR的ArkUI组件、接口、资源
Index.ets文件是HAR导出声明文件的入口。在模块的oh-package.json5文件中配置入口声明文件：

{
  //这里index与oh-package同级，所以这样写即可，如果你的不同级，自行修改
  "main": "index.ets"
}

导出eg：导出MainPage.ets，在Index.ets中声明如下：其他类型的导出文件皆如此

// library/Index.ets
export { MainPage } from './src/main/ets/components/mainPage/MainPage'

4.引用HAR前，需要先配置对HAR的依赖。引用本地文件夹，执行如下命令：

//注意../MyApplication/library这个是我library模块的存放路径，需要改成你自己的
ohpm install ../MyApplication/library

如果执行ohpm报错，检查一下环境变量是否配置：
在这里插入图片描述
然后就会在根目录下的oh-package.json5文件中自动导入依赖，检查一下此文件，看是否引入依赖，如果右上角有Sync Now，点击同步一下。
在这里插入图片描述

5.引入HAR

  • 引入ArkUI组件、ts类、native方法：在entry模块中引入
// entry/src/main/ets/pages/Index.ets
import { MainPage } from "library"

// 在index的代码里面引用HAR的ArkUI组件
MainPage()
  .width('40%')
  .height('5%')

效果和资源引用一起展示（MainPage页面就定义了文本library）

  • 引用HAR的资源：通过$r引用，例如在HAR模块的src/main/resources里添加字符串资源（在string.json中，“name”：“page_show”）和图片资源（新建文件夹），然后在Entry模块引用：

字符串资源：
在这里插入图片描述
在这里插入图片描述
图片资源：
在这里插入图片描述
entry里引用:

 // 引用HAR的字符串资源
Text($r("app.string.page_show"))
  .fontSize(20)
  .fontWeight(FontWeight.Bold)
// 引用HAR的图片资源
Image($r("app.media.lufei"))

最终展示效果：
在这里插入图片描述

HSP

  • 应用内HSP，专门为某一应用开发的HSP，只能被该应用内部其他HAP/HSP使用
  • 应用间HSP（暂不支持）

1.创建HSP
New > Module选择Shared Library
2.导出文件的入口在模块oh-package.json5配置

{
    //注意路径要自己确认一下，这就是上面说的不同级情况。另外不要弄错Index，这个不是page里的Index
    "main": "./src/main/ets/Index.ets"
}

导出示例

// library1/src/main/ets/utils/Calc.ts
export function add(a:number, b:number) {
    return a + b;
}

对外暴露的接口，需要在入口文件Index.ets中声明：

// library1/src/main/ets/index.ets
export { add } from "./utils/Calc"

3.导入
配置依赖：在使用方的oh-package.json5中配置对它的依赖，如果应用内HSP和使用方在同一工程下，可以直接本地引用，如下：

// entry/oh-package.json5，注意仍需注意路径问题
"dependencies": {
    "library1": "file:../library1"
}

然后就可以像使用HAR一样调用HSP的对外接口了（就是那些已经导出的接口）

4.跨包页面路由跳转
entry模块中，添加一个按钮跳转至library模块中的menu页面

//在entry包的index页面
import router from '@ohos.router';

//在按钮上绑定点击事件
.onClick(() => {
  router.pushUrl({
    url: '@bundle:MyApplication/library1/ets/pages/menu'
  }).then(() => {
    console.log("push page success");
  }).catch(err => {
    console.error(`pushUrl failed, code is ${err.code}, message is ${err.message}`);
  })
})

其中url的模板为

'@bundle:包名（bundleName）/模块名（moduleName）/路径/页面所在的文件名(不加.ets后缀)'

快速修复包

定义：在较短的时间内不中断正在运行的应用（即不需要重启应用），修复应用的缺陷。

规则：

  • 仅支持修复应用的TS和C++代码，对应的文件为.abc文件和.so文件，不支持新增文件
  • 快速修复包中配置的包名和应用版本号必须和已安装的包名和版本号应用相同
  • 如已经部署过快速修复包，新部署的版本号必须大于之前快速修复包的版本号
  • 快速修复包的签名信息和待修复的应用的签名信息必须一致
  • 新的应用版本发布安装时，会清理掉快速修复包

标签：ets,操作系统,鸿蒙,Index,模块,初识,应用,HAR,页面
From： https://blog.csdn.net/qq_47840823/article/details/136963854

相关文章

  • 香橙派3b系列 二 鸿蒙os
    *******鸿蒙系统要线刷，所以要准备一个双公头usb的线，具体参考官方手册********* 简单体验的感受，系统就是一个平板操作的逻辑，匹配触摸屏才是正道，接鼠标显示器那叫一个别扭，系统节目和功能都很简陋，毛胚房样子。链接wifi不稳定,很容易断，基本不能用的状态。预装应用没几个，自带的香......
  • ROS（机器人操作系统）
    参考：https://blog.csdn.net/qq_51963216/article/details/125754175下图及文字来自（遵循CC4.0BY-SA版权协议）：https://blog.csdn.net/qq_51963216/article/details/125754175MoveIt由ROS（机器人操作系统）中一系列移动操作的功能包组成，包含运动规划，操作控制，3D感知，运动学，碰......
  • 鸿蒙HarmonyOS实战-ArkUI组件（GridRow/GridCol）
    ......
  • 1 初识C语言
    1.1C语言的起源C语言是一种通用的高级语言，最初是由丹尼斯·里奇在贝尔实验室为开发UNIX操作系统而设计的。C语言最开始是于1972年在DECPDP-11计算机上被首次实现。1.2C语言的特点易于学习。结构化语言。它产生高效率的程序。它可以处理底层的活动。它可......
  • 1-1 初识C51单片机的各种准备工作
    大家好呀，这里是小X。相信大家已经准备好进行51单片机的开发了。但对于现在的我们来说，人来了，魂没来。魂来了，电脑没准备好。当我们满怀信心的把咱们的开发板连到电脑上，熟悉的提示音响起，然后——没了。对，是这么离谱。就像找网课要去小破站，上百度要戳小红书（不是广子），想要进行......
  • 【ArkTS】鸿蒙开发 比较两个数的大小 用户界面输入两个数并输出较大数
    在DevEcoStudio中开发一个比较两个数X,Y大小的界面，主要练习对HarmonyOS文本框输入TextInput属性的应用。TextInput的具体使用步骤可以先在官网略作了解 1.设置三个值来分别接收输入的两个值和作比较后较大的值@StateXvalue:string=''@StateYvalue:string=''......
  • ESXI虚拟机操作系统上安装部署VCSA
    目录一、配置安装VCSA系统二、配置安装VCSA服务三、登录VCSA初始化操作工具：VMware工作站版、VCSA镜像前提工作：VMware工作站版中创建ESXI虚拟机、配置网络口和DNSweb登录虚拟机，检查许可、NTP服务状态、添加数据存储这里我已经添加完成一、配置安装VCSA系统......
  • JavaScript初识及基本语法详解
    JavaScript是一种轻量级的编程语言，它可以在网页中嵌入，用来控制网页的动态效果和用户交互。JavaScript是所有现代网页浏览器都支持的脚本语言，它可以让网页变得“活”起来，实现各种复杂的功能。JavaScript的基本语法JavaScript的语法基础与Java语言类似，但它是解释型语言，不需......
  • 第九章 Ubuntu 操作系统设置与基本操作
    实验案例：Ubuntu操作系统的基本操作1、实验环境    公司的管理员为小王购买了一台预装了Ubuntu操作系统的笔记本式计算机，要求小王尽快熟悉Ubuntu操作系统的用户界面．并掌握图形界面和命令行界面中的一些基本操作。2、需求描述为第一块网卡设置静态IP地址．并能够与同网......
  • 鸿蒙HarmonyOS实战-ArkUI组件（RelativeContainer）
    ......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99