activeRule: 必选项,激活微应用的规则,可以是字符串、函数或者Array。如地址路径。 props: 非必选项,主应用传递给微应用的数据,也就是传递的参数。 loader: 自定义的加载函数,可以用来监听微应用的加载情况。 rewriteRule: Optional<Function> 当不需要微应用隔离(常见于微应用为同域的legacy系统、无法修改window路由...
最近,在公司里对微应用框架体系做了一个调研,在阿里集团 盒马BU中,大型中后台的portal应用的研发,我们技术团队都提供微应用能力将独立应用进行整合,内部我们命名为hippo-app。在了解微应用这种中后台应用解决方案之前,我们首先需要了解什么是“微前端”。 微前端概念 微前端是一种构建现代Web app的技术、策略和方法,...
简介:10分钟弄懂微应用框架——乾坤,真香! 前言 今天刚刚学习了一个微前端框架——乾坤,正着热乎劲,写一篇入门博客。这篇文章不会讨论太多的原理和实现,只是一个入门写 Hello World 的教程。 文章的很多地方都参考官网,但是官网的教程太简洁了,个人觉得还是做不到无脑上手,希望这篇文章可以帮到正在入门微前端的伙伴。
1.2、由于前端项目部署在浙里办服务器上,所以还需要对vite.config.js文件进行如下修改(注:不同的框架解决办法可能不一样,本项目是使用的vue3+vite) image.png 如果是Uniapp项目的话, {"name":"xxxxxxxx","appid":"","description":"","versionName":"1.0.0","versionCode":"100","transformPx":false,"h5...
vite.config.js主应用部分: 1.安装乾坤 // 启动微前端配置 import './registerMicroApp' 2.新增配置文件 import { registerMicroApps, start } from 'qiankun' registerMicroApps([ { name: 'hmzs-big-screen', // 子应用名称 entry: '//localhost:5173', // 子应用运行服务地址(就是npm run dev时的...
一、介绍 StartCMS是一个基于ThinkPHP6.0+、ElementUI、MicroApp的极速 微应用开发框架 前端不限技术栈,支持Vue2、Vue3、Vite、React、Rangular... 后端不限制语言,支持PHP、Java、Node、Python、Go、C#...二、…
微应用1:vue2,qiankun官网API是基于vue2+webpack,我们对vue2也进行了接入,但是在本篇文章中不做说明。 微应用2:vue3+vite,由于主应用已经是vue3的系统,所以,微应用也决定直接使用vue3框架 不懂的地方可以参考qiankun官方API,本文记录的是基于vue3+vite的微应用,如何在vue3+vite的主应用中接入,以及完整的改造...
但是,现有的移动应用框架只可以处理单一应用场景,无法满足快速构建框架的需要。因此,必须对微应用开发框架进行整合,采取先进的微应用开发框架相关技术,从而更加快速地开发微应用,实现运行轻量化、适配灵活化。具体来讲,微应用开发框架需要包括封装移动公用组件、模块化构建、web加载等。 二、移动平台下微应用开发框架的...
精准反馈,高效沟通 我知道了查看详情 登录注册 qiankun-qinzhibin 乾坤微应用框架 关注1 概览仓库IssuesPull Requests动态成员1 组织介绍 组织介绍 请描述组织的定位/愿景 请附上组织宣传图 他们正在使用 这些公司或软件正在使用我们的开源软件: 如何加入
基于Micro-App框架的微前端应用是一种采用Micro-App框架完成微前端架构的应用。Micro-App框架是一种轻量级、可扩展的框架，用于构建微前端应用。它提供了一系列工具和组件，使得开发者能够轻松地创立、部署和管理微前端应用。基于Micro-App框架的微前端应用具有以下特性：独立性：每个微前端应用都是独立的，能够独立开发...