qiankun：助力前端应用微前端化，快速打造分布式系统

2023-12-23 19:05:52

qiankun简介

qiankun是一个开源的微前端框架，它诞生于阿里巴巴，目前在GitHub上已经获得了超过17k的star。qiankun可以帮助开发人员将大型前端应用拆分成多个独立的子应用，这些子应用可以独立开发、独立部署、独立运行，但又可以作为一个整体进行管理和维护。

qiankun具有以下优点：

模块化开发：qiankun支持模块化开发，将大型前端应用拆分成多个独立的子应用，每个子应用都有自己的代码库、构建过程和部署流程。
独立部署：qiankun支持独立部署，每个子应用都可以独立部署到不同的服务器上，这样可以提高应用的可扩展性和可靠性。
独立运行：qiankun支持独立运行，每个子应用都可以独立运行，这样可以提高应用的并发性和性能。
统一管理：qiankun提供了一系列工具和机制，帮助开发人员统一管理多个子应用，包括路由管理、子应用加载、通信等。

qiankun的使用

1. 安装qiankun

qiankun是一个npm包，可以使用以下命令安装：

npm install --save qiankun

2. 配置qiankun

在主应用中，需要配置qiankun插件。可以在package.json文件中添加以下配置：

{
  "qiankun": {
    // 子应用的列表
    "apps": [
      {
        "name": "app1",
        "entry": "//localhost:8081/",
        "activeRule": "/app1"
      },
      {
        "name": "app2",
        "entry": "//localhost:8082/",
        "activeRule": "/app2"
      }
    ]
  }
}

在子应用中，需要配置qiankun插件。可以在main.js文件中添加以下配置：

import { registerMicroApps, start } from 'qiankun';

registerMicroApps([
  {
    name: 'app1',
    entry: '//localhost:8081/',
    activeRule: '/app1'
  },
  {
    name: 'app2',
    entry: '//localhost:8082/',
    activeRule: '/app2'
  }
]);

start();