QiankunAngularAngularjs 基于qiankun,实现了在angular9主应用下挂angularjs子应用的范例。可实现angularjs和angular9优雅共存，增量迁移。本工程只是对qiankun官网样例的补充，如果想要详细了解qiankun请访问官网：https://qiankun.umijs.org/ 工程启动 在主应用与子应用下先分别完成依赖的安装 npm install 启动主应用 npm run start:main 启动 angularjs 子应用 npm run start:angularjs 启动 angular9 子应用 npm run start:angular9 运行效果 切换angular9 切换angularjs 参考资料 qiankun: https://qiankun.umijs.org/ single-spa/ecosystem/a

简介 分享此demo仅便于学习和解决项目开发上的问题，demo只使用了VUE框架。项目统一使用最外层pagekage.json安装插件来实现项目一致性，遇到特定第三方插件单独在项目pagekage.json配置。项目主要采用history + [hash || history]，子项目有使用cdn加速的案例。 如下解决一些问题： 多应用间公用组件开发 相同VUE配置环境开发环境 切换应用后不需要重新加载应用 安装 $ npm install $ npm run projects:install $ npm run projects:start 主应用地址 http://localhost:8090 打包 $ npm run projects:build 目录说明 root/ common/ components/ 公用组件 layouts/ dist/

qiankun-demo

项目有个功能需求是需要内嵌公司内部的一个现有工具，该工具是独立部署的且是用React写的，而我们的项目主要技术选型是vue，因此需要考虑嵌入页面的方案。主要有两条路： iframe方案 qiankun微前端方案 两种方案都能满足我们的需求且是可行的。不得不说，iframe方案虽然普通但很实用且成本也低，iframe方案能覆盖大部分的微前端业务需求，而qiankun对技术要求更高一些。 技术同学对自身的成长也是有强烈需求的，因此在两者都能满足业务需求时，我们更希望能应用一些较新的技术，折腾一些未知的东西，因此我们决定选用qiankun。

简介 vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件 保留vite构建es模块的优势 一键配置，不影响已有的vite配置 快速开始 1、在 vite.config.ts 中安装插件 // vite.config.ts import qiankun from 'vite-plugin-qiankun'; export default { // 这里的 'myMicroAppName' 是子应用名，主应用注册时AppName需保持一致 plugins: [qiankun('myMicroAppName')], // 生产环境需要指定运行域名作为base base: 'http://xxx.com/' } 2、在入口文件里面写入乾坤的生命周期配置 // main.ts import { renderWithQiankun, qiankunWindow

node.js v12.13.0 1104，主应用采用vue-cli脚手架，重新创建新的demo 目录下admin-wu主要应用microfrontend-demo主要应用sub-app1为子应用sub-app2为子应用 已解决 1，子应用与主应用，子应用与子应用跨域问题2，主应用改造为webpack vue应用3，主应用路由路由切换子应用4，子应用加载qiankun的生命周期5，子应用内部切换路由6，部署-子应用部署可直接沿用以前的发布部署流程，没有什么要特殊处理的 ] vue-cli3生产部署时发现的问题，并附带临时解决方法＃64-部署跨域，nginx配置7，JS变量隔离（qiankun现有，使用JS Sandbox）每个子应用都有相应的生命周期，同时，只会有一个子应用的实例互补。js沙箱封装在qiankun的生命周期中。唯一不足的地方是，window的对象，无法隔离，最好不要绑定原型

此demo主要用到vue3+qiankun.主应用和微应用都是vue3,都带路由。除此之外。还附有qiankun的一些重点，比如主微应用路由分析，乾坤生命周期分析等。两块钱买不了火车，买不了大炮，但是可以让你更有“钱途”。

qiankun-template 基于qiankun搭建的前端微服务项目 qiankun 项目实际搭建， 及各种微应用流行框架技术 的配置; vue2.x vue3.x react16 umi2 + dva umi3 + dva 初衷：自己当时摸索qiankun构建项目时，问题百出， 特别是umi2 及 umi3，百度了几天才把热门框架都集合完毕； 目的：总结出的模板项目， 便于自己后期重构项目技术选型及项目快速搭建；也为其他有需要的朋友提供示例及参考; 实际项目源码就没贴出来了，都是依据这个模板构建的； 后面看下好不好把实际项目源码抽离出来，上传到 github; 目前子项目使用的是: vite2.0 + vue3 + ts react + Umi3 + dva + ts

qiankun-multiple-tabs-demo.rar

vue-cli使用qiankun框架demo