微前端的春风已经吹遍了前端行业,国内可能用qiankun来做微前端最多的吧,我这里也是采用qiankun来进行验证。为了赶上微前端这列车,打算还是写几个demo来验证下。 目前如果输入qiankun进行搜索,网上的例子基本都是官方的那个列子,丑、简单,基本找不到比较好的企业级应用列子,求人不如求己还是自己上吧 计划写如下一个列子 建立4个应用,1个是登录应用,1个是主框架应用,1个是oa任务应用、1个是oa会议应用。将oa的任务应用和oa的会议应用注册到主框架应用。 项目目录结构大概如下: go-login只负责登…

2021年4月24日 0条评论 0点热度 阅读全文

知道微前端已经一段时间了,最近公司项目在膨胀,使用微前端技术迫在眉睫,研究了半个月总结下所看所想。   前端为什么不能有微服务? 刚转到前端的时候,我就带着这个疑问。 做后端的时候有微服务,每个微服务可以单独运行,通过注册中心拉起成为一个大项目。 做移动端的时候我们可以组件化,每个组件都可以是一个app单独运行,我们通过一个中间件将每个组件拉起,组合成想要的app。 到了前端难道我们只能通过npm打包的方式去集成吗?带着这个问题,我首先找到了IFrame。   为什么不是Iframe ifram…

2021年3月11日 0条评论 17点热度 阅读全文

知道微前端已经一段时间了,最近公司项目在膨胀,使用微前端技术迫在眉睫,研究了半个月总结下所看所想。   前端为什么不能有微服务? 刚转到前端的时候,我就带着这个疑问。 做后端的时候有微服务,每个微服务可以单独运行,通过注册中心拉起成为一个大项目。 做移动端的时候我们可以组件化,每个组件都可以是一个app单独运行,我们通过一个中间件将每个组件拉起,组合成想要的app。 到了前端难道我们只能通过npm打包的方式去集成吗?带着这个问题,我首先找到了IFrame。   为什么不是Iframe ifram…

2021年3月11日 0条评论 1点热度 阅读全文

微前端作为解决巨石应用模块化和降低技术框架变动风险的神器,我觉得是当下前端发展的一大方向,可以在未来5-10年内保持生命力。 作者从2019年12月第一次使用qiankun框架落地微服务以来已经过去了一年多的时间,形成了、脚手架、工程结构设计、日常开发维护、性能优化、部署等一整套流程。 之前有两篇文章讲了qiankun的入门文章: qiankun微前端实战看这篇就够了 - Vue项目篇:这篇文章编写的较早,大致在19年12月份当时qiankun还在1.x版本,现在关于微应用注册及应用间通信的部分已经和现版本不再合适…

2021年2月24日 0条评论 0点热度 阅读全文

微前端——qiankun(乾坤)实例 一、什么是微前端 微前端就是将不同的功能按照不同的维度拆分成多个子应用。通过主应用来加载这些子应用。微前端的核心在于拆,拆完后在合! 二、为什么使用微前端 不同团队间开发同一个应用技术栈不同 希望每个团队都可以独立开发,独立部署 项目中还需要老的应用代码 我们可以将一个应用划分成若干个子应用,将子应用打包成一个个的 lib 。当路径切换 时加载不同的子应用。这样每个子应用都是独立的,技术栈也不用做限制了!从而解决了前端协同开发问题。 三、qiankun框架 **文档地址:**h…

2020年12月5日 0条评论 1点热度 阅读全文

转自团队掘金原文:https://juejin.cn/post/6898268972178178061   一、写在前面 在之前的文章中,我们已经深入剖析了微前端究竟是什么,可以带来什么收益,现在让我们复习一下微前端的概念: Techniques, strategies and recipes for building a modern web app with multiple teams that can ship features independently. 中文释义: 可以由多个团队独立开发的现…

2020年11月24日 0条评论 0点热度 阅读全文

微前端学习(qiankun、singleSpa) 一、微前端的优势 什么是微前端 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略 几个核心价值:技术栈无关,独立开发、独立部署,增量升级,独立运行时 特点 基于single-spa封装,提供了更加开箱即用的 API。 HTML Entry 接入方式,让你接入微应用像使用 iframe 一样简单。 样式隔离,确保微应用之间样式互相不干扰。 JS 沙箱,确保微应用之间 全局变量/事件 不冲突。 资源预加载,在浏览器空闲时间预加…

2020年10月26日 0条评论 0点热度 阅读全文

微前端介绍 前提摘要:Jpunster 最近电脑最近在维修,所以不能及时更新公众号。 今天由我copper(Jpunster技术启蒙老师+好兄弟)来给大家分享一下微前端方面的知识。 最近几年,微服务架构在后端领域大行其道,大有一种不知道微服务都不好意思跟人打招呼的味道:happy:,多少小团队为了微服务而微服务,完全不顾开发以及后期的运维难度(打住,不是来吐槽的)。今天的主角微前端也是类似于微服务的一种前端架构。 什么是微前端 在介绍微前端前,我们先来看看在后端领域甚是流行的微服务带来了什么好处: 复杂度可控: 体…

2020年4月3日 0条评论 0点热度 阅读全文

关于ant desgin of vue 微前端qiankun项目集成 qiankun介绍 qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 什么是微前端 微前端架构具备以下几个核心价值: 技术栈无关 主框架不限制接入应用的技术栈,子应用具备完全自主权 .独立开发、独立部署 子应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新 增量升级 在面对各种复杂场景时,我们通常很难对一个已经存在的系统做全量的技术栈升级或重构,而微前端是…

2020年3月23日 0条评论 0点热度 阅读全文