HarmonyOS应用开发-多模块开发

HarmonyOS应用开发是目前是最火、最有前景的方向,现在入门鸿蒙开发还来得及。

鸿蒙开发官网:developer.huawei.com/consumer/cn

多模块划分与创建

什么是多模块呢??

通常我们的app分发会有多个场景,如手机(phone)、手表(watch)、平板(ipad)、电脑(computer)等等,我们希望的是可复用的代码直接使用,而不是写多次,既不统一,也不方便维护和开发,在不同的场景下面可以进行不同的处理,但是会有一些公有的逻辑可以抽离为公共模块,鸿蒙开发此次提供了多模块的开发模块,使得我们在开发应用的时候,可以选择性的使用多个模块的组合,打包为一个app。

多模块的创建

在工程下面直接右键就可以新建module。

在这里插入图片描述

选择module后,会弹出一个弹窗选择新建哪种module。截图如下:

在这里插入图片描述

我们通常会使用到两种module,

  • 对于主入口,我们需要选择的是Empty Ability ,这里是我们的主入口,每个应用在正常情况下只需要一个ability即可,作用就是我们的app运行时的入口,对应的就是上面的某种场景,如手机(phone)、手表(watch)、平板(ipad)、电脑(computer)等等。
  • 其他情况下我我们需要选择的是Shared Ability ,这里会创建我们各种共用的模块,也就是此文中所要说明的多模块,如工具库(utils)、网络层(network)、服务层(service)、公共组件(uiComponent)等等。这些属于比较基础的,所有的app都会用到的基础能力,当然最好是再建设一个model层,存储一些类型文件、常量配置、枚举等等。这样用起来可能会更加舒服哦~

实战案例,多模块划分

上面我们了解完什么事多模块和模块的创建后,我们来看下实战的demo,项目截图如下:

在这里插入图片描述

  • commons:我们把基础的,所有模块都会用到的放到了commons下面,这里面包括了数据存储、类型声明、网络请求、公共组件、工具库等。
  • features:我们把一些功能性一致的页面(单个页面和多个页面)的模块放到了features下面,这里面也属于公用的模块,但是这不是基建,而是业务逻辑。
  • products:我们把ability的两个场景放到了products下面,ipad和phone都属于入口ability,里面依赖不同的多个feature,通过组合的方式产出了两个app,一个是手机端phone,一个是平板端ipad。

使用多模块

上面说完了多模块的创建和划分,下面我们看下如何使用多模块。

引用

做过前端的,就会看着比较简单了,因为每个模块下面都有一个package.json5的文件,这里面配置了对应的dependence.

{
  "license": "",
  "devDependencies": {},
  "author": "",
  "name": "phone",
  "description": "Please describe the basic information.",
  "main": "",
  "version": "1.0.0",
  "dependencies": {
    "@ohos/activity": "file:../../features/activity",
    "@ohos/utils": "file:../../commons/utils",
    "@ohos/discover": "file:../../features/discover",
    "@ohos/mine": "file:../../features/mine",
    "@ohos/datastore": "file:../../commons/datastore",
    "@ohos/uicomponents": "file:../../commons/uicomponents"
  }
}

使用的时候,可以直接import即可。

import { formatShowDate } from '@ohos/utils';

路由跳转

因为使用到了多模块,就不是简单的路由跳转了,简单的路由跳转如下:

router.pushUrl({ url: 'pages/SafePage' });

多模块的路由跳转:

// com.draven.demo
const bundleName = getBoundName();
 // topic为ThemeSettingPage所在页面的module
const page = '/topic/ets/pages/ThemeSettingPage';

router.pushUrl({ url: `@bundle:${bundleName}${page}` });

编译构建

点击工具栏,run => Edit configurations,出现弹窗如下:

在这里插入图片描述

记得勾选上 Deploy Multi Hap Packges ,然后在module下拉框内选中phone运行时对应的依赖就可以啦。

怎样学习鸿蒙?

首先必学的是开发语言 ArkTS,这是重中之重,然后就是ArkUI声明式UI开发、Stage模型、网络/数据库管理、分布式应用开发、进程间通信与线程间通信技术、OpenHarmony多媒体技术……。中间还有许多的知识点,都整理成思维导图来分享给大家~
在这里插入图片描述
此外,小编精心准备了一份联合鸿蒙官方发布笔记整理收纳的《鸿蒙开发学习笔记》,内容包含ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。

【有需要的小伙伴,可以扫描下方二维码免费领取!!!】

快速入门

  • 开发准备
  • 构建第一个ArkTS应用(Stage模型)
  • 构建第一个ArkTS应用(FA模型)
  • 构建第一个JS应用(FA模型)
    在这里插入图片描述

开发基础知识

  • 应用程序包基础知识
  • 应用配置文件(Stage模型)
  • 应用配置文件概述(FA模型)
    在这里插入图片描述

资源分类与访问

  • 资源分类与访问
  • 创建资源目录和资源文件
  • 资源访问
    在这里插入图片描述

学习ArkTs语言

  • 初识ArkTS语言
  • 基本语法
  • 状态管理
  • 其他状态管理
  • 渲染控制
    在这里插入图片描述

基于ArkTS声明式开发范式

  • UI开发(ArkTS声明式开发范式)概述
  • 开发布局
  • 添加组件
  • 显示图片
  • 使用动画
  • 支持交互事件
  • 性能提升的推荐方法

在这里插入图片描述

兼容JS的类Web开发范式

  • 概述
  • 框架说明
  • 构建用户界面
  • 常见组件开发指导
  • 动效开发指导
  • 自定义组件
    在这里插入图片描述

Web组件

  • 概述
  • 设置基本属性和事件
  • 并发
  • 窗口管理
  • WebGL
  • 媒体
  • 安全
  • 网络与连接
  • 电话服务
  • 数据管理

  • 在这里插入图片描述

应用模型

  • 概述
  • Stage模型开发指导
  • FA模型开发指导
    在这里插入图片描述
2024完整鸿蒙学习资料领取方式:扫描下方二维码即可
  • 30
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值