#HarmonyOS篇:鸿蒙开发模板&&三方库axios使用&&跨模块开发交互

鸿蒙开发模板

鸿蒙高效开发模板-一站式解决方案,快速启动项目

如何在DevEco Studio上用插件集成组件&模板

https://developer.huawei.com/consumer/cn/doc/start/components-integration-deveco-0000002218625313

学习

  • 美食菜谱应用模板1124

https://developer.huawei.com/consumer/cn/market/prod-detail/2bea4df62c294bed86b926db183510e3/2adce9bbd4cb42d58a87e6add45594b3

2025-12-15

鸿蒙Harmony跨模块交互

四种不同的包的区分方式,查看该module中的src/main/module.json5文件里面的type字段

hap 应用部署的最小单元

har 静态共享包

hsp 动态共享包

HarmonyOS提供了两种共享包,HAR(Harmony Archive)静态共享包,和HSP(Harmony Shared Package)动态共享包。

ts 复制代码
build-profile.json5   里面配置静态共享包 和入口文件

模块加载配置入口文件 oh-package.json5 这个里面的dependencies很重要

ts 复制代码
{
  "name": "products",
  "version": "1.0.0",
  "description": "Please describe the basic information.",
  "main": "",
  "author": "",
  "license": "",
  "dependencies": {
    "commonlib": 'file:../commons/commonlib'
  }
}

菜单跳转

要在resources/base/profile/下新建router_map.json

然后再module.json5里面配置 "routerMap": "$profile:router_map",

三方库中心仓+网路请求

https://ohpm.openharmony.cn/#/cn/home

ts 复制代码
// 订阅
import { emitter } from '@kit.BasicServicesKit';
复制代码
@ohos/axios 简化封装
// 文档地址
# https://ohpm.openharmony.cn/#/cn/detail/@ohos%2Faxios

https://developer.huawei.com/consumer/cn/blog/topic/03167186125079020

项目目录

ts 复制代码
pages
	HomePage.ets
utils
types
viewModels
	HomePageVM.ets
	
// 使用示例
@ComponentV2
struct HomePage {
 vm: HomePageVM = HomePageVM.instance;
 build() {
 	Text(this.vm.title)
 }
}
相关推荐
南村群童欺我老无力.1 小时前
Flutter 框架跨平台鸿蒙开发 - 城市文创打卡:探索城市文化创意之旅
android·flutter·华为·harmonyos
yingdonglan3 小时前
Flutter 框架跨平台鸿蒙开发 ——AnimatedBuilder性能优化详解
flutter·性能优化·harmonyos
菜鸟小芯3 小时前
【开源鸿蒙跨平台开发先锋训练营】DAY8~DAY13 底部选项卡&首页功能实现
flutter·harmonyos
大雷神3 小时前
HarmonyOS智慧农业管理应用开发教程--高高种地-- 第19篇:语音合成 - TTS语音播报
华为·语音识别·harmonyos
b2077213 小时前
Flutter for OpenHarmony 身体健康状况记录App实战 - 提醒设置实现
python·flutter·macos·cocoa·harmonyos
xingfanjiuge4 小时前
Flutter框架跨平台鸿蒙开发——ListView.builder深度解析
flutter·华为·harmonyos
浩宇软件开发5 小时前
基于OpenHarmony鸿蒙开发,电影购票选座APP系统
华为·harmonyos
摘星编程6 小时前
React Native鸿蒙:useLayoutEffect同步布局计算
react native·react.js·harmonyos
ITUnicorn6 小时前
Flutter x HarmonyOS 6:依托小艺开放平台创建智能体并在应用中调用
flutter·harmonyos·鸿蒙·智能体·harmonyos6
小白郭莫搞科技7 小时前
鸿蒙跨端框架Flutter学习:CurvedAnimation曲线动画详解
学习·flutter·harmonyos