https://github.com/nanjingcaiyong/qiankun-demo
乾坤后管项目
https://github.com/nanjingcaiyong/qiankun-demo
admin qiankun
Last synced: about 2 months ago
JSON representation
乾坤后管项目
- Host: GitHub
- URL: https://github.com/nanjingcaiyong/qiankun-demo
- Owner: nanjingcaiyong
- Created: 2023-12-04T10:30:54.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-01-04T05:27:15.000Z (almost 2 years ago)
- Last Synced: 2025-02-28T19:32:04.319Z (8 months ago)
- Topics: admin, qiankun
- Language: TypeScript
- Homepage:
- Size: 246 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 乾坤演示demo
## 项目结构
## 项目配置
### 主应用
加载子模块的两种方式
- MicroAppStateActions：自动加载相应的微应用
- loadMicroApp：手动加载一个微应用
### 子应用
1、通过`public-path.ts` 动态设置微应用 `webpack` 的 `publicPath` 配置
2、通过 window.__POWERED_BY_QIANKUN__ 判断微应用是否运行在 `乾坤` 的主应用中
3、`main.ts` 主入口文件需声明 `乾坤` 生命周期，并在 mount 钩子中注册微应用
### 状态管理
乾坤提供了 `initGlobalState` 方法，可以创建一个对象，该对象提供两个方法 `onGlobalStateChange`、 `getGlobalState`
- onGlobalStateChange: 用于监听数据变化，从而更改数据状态
- getGlobalState: 获取对应数据
- setGlobalState: 设置新状态