原文:基于qiankun微前端的通信方案

一 概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目,主应用是vue,微应用包括vue react。内部页面比较单一需要根据实际业务添砖加瓦,每个微应用应该是严格按照业务进行拆分的,但是在实际项目开发过程中,主应用 微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非两种: 使用qiankun提供的api initGlobalState进行通信 通过在主 微应用中定义状态 ...

2021-03-05 15:17 0 2269 推荐指数:

查看详情

基于qiankun前端的部署方案

前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和应用部署在一起。 通常的做法是主应用部署在一级目录,应用部署在二/三级目录。 1.1 应用改造 ...

Thu Aug 19 01:43:00 CST 2021 0 382
浅析前端方案qiankun介绍与开发实践

一、什么是前端?   我们先来看两个实际的场景: 1、复用别的的项目页面   如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。注意:我们需要的只是别人项目的这个功能页面的「内容部分」,不需要别人项目的顶部导航和菜单。   一个比较笨的办法就是直接 ...

Mon Jun 14 06:14:00 CST 2021 0 1025
qiankun前端项目实践方案(基础框架篇)

一、前言 相信大家对于前端的概念和思想都有了解过,在此我不再赘述。在我们的业务项目中,由于项目比较大,在日常的开发过程中也暴露出来了问题:项目启动慢,打包部署上线慢。这给我们开发和运维人员带来了很大的不便,有时候有紧急任务需要上线,也得打包半个钟才能交付到运维处。因此,我们打算使用前端方案 ...

Fri Dec 10 17:16:00 CST 2021 0 101
前端方案 qiankun(实践及总结)--摘抄

转发链接:https://juejin.im/post/5ed73b73e51d4578724e3fa4 前言 前面小编也发布过关于前端 qiankun的文章: 深入浅出解析阿里成熟的前端框架 qiankun乾坤源码【图文并茂】 什么是前端? 我们先来看两个实际 ...

Wed Jun 24 05:03:00 CST 2020 0 2964
前端架构qiankun常见问题及解决方案

一、qiankun 常见报错 1、子项目未 export 需要的生命周期函数   先检查下子项目的入口文件有没有 export 生命周期函数,再检查下子项目的打包,最后看看请求到的子项目的文件对不对。 2、子项目加载时,容器未渲染好   检查 ...

Mon Jun 14 06:46:00 CST 2021 2 23766
浅析前端方案qiankun介绍与开发实践

一、什么是前端?   我们先来看两个实际的场景: 1、复用别的的项目页面   如果我们的项目需要开发某个新的功能,而这个功能另一个项目已经开发好,我们想直接复用时。注意:我们需要的只是别人项目的这个功能页面的「内容部分」,不需要别人项目的顶部导航和菜单。   一个比较笨的办法就是直接 ...

Sat Mar 12 01:00:00 CST 2022 0 1142
前端实践」使用Vue+qiankun前端方案重构老项目的本地验证

  10月份换了新的工作,参与完一个月的需求迭代后,接到了项目重构的任务。简单来说,需要在短时间内提出方案设想,同时进行本地验证,最终需要拿出一套技术替换方案来。于是,埋头苦干了一个月,总算干了点成绩出来,今天把当时的思考和实践做个简单总结,就当是个复盘吧。   一、老项目现状 ...

Fri Feb 18 22:57:00 CST 2022 0 1481
基于qiankun前端应用实现

qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...

Wed Nov 25 01:03:00 CST 2020 0 1141
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM