Qiankun

qiankun 微前端应用实践与部署（二）

下面是两种方案的简要描述。传统部署方式通过配置nginx端口到目录的转发。具体可查看上一篇文章特点需要对外开放子应用对应的端口，将编译好的应用文件放到对应的配置目录。docker部署方式首先构建主应用与子应用的docker镜像，通过dockerrun或者docker-compose的方式启动容器。通过配置nginx转发规则，匹配访问路径子应用容器端口。假设服务器ip是192.168.2.192，主
·2021-01-23 02:34

qiankun 微前端应用实践与部署（四）

一般情况下，我们对应用进行配置打包，要对图片字体等资源进行下面配置，使得资源路径正常加载。但是，在微前端模式下，子应用打包部署后，往往会出现子应用css文件里面引入资源路径加载失败的问题，下面就让我们来探究一下。独立应用下的url-loader配置：//vue-cli2写法module:{rules:[{test:/\.(png|jpe?g|gif|svg)(\?.*)?$/,loader:"ur
·2021-01-23 02:04

qiankun 微前端应用实践与部署（三）

关于路由qiankun在主应用初始化会自动监听路由的变化去匹配注册好的子应用路由活动规则，同时vue路由也会监听路由变化。因为主应用有自己的业务模块，需要支持页面刷新，所以采用hash路由模式。
·2021-01-23 02:03

qiankun 微前端应用实践与部署

代码仓库https://github.com/jwchan1996/qiankun-micro-app分别进入portal、app1、app2根目录，执行:开发模式#portalyarnyarnstart
·2021-01-23 02:03

微前端的生产实践和我的使用姿势

前言笔者在2019年末的时候开始了解微前端这个东西、当时看到两个微前端的框架、分别是single-spa和qiankun、在这两种技术去做选择去学习、看到qiankun是基于single-spa二次封装的
菜鸡H·2021-01-17 10:20

微前端的生产实践和我的使用姿势

前言笔者在2019年末的时候开始了解微前端这个东西、当时看到两个微前端的框架、分别是single-spa和qiankun、在这两种技术去做选择去学习、看到qiankun是基于single-spa二次封装的
菜鸡H·2021-01-17 09:13

vue3.0&qiankun2.0极速尝鲜，微前端进阶实战！

wl-mfe基于vue3.0-beta及qiankun2.0极速尝鲜！微前端进阶实战项目。
蔚蓝·2021-01-14 20:33

乾坤 微前端_记一次 微前端qiankun项目实践!!!防踩坑指南

5ea55417e51d4546e347fda9导语最近在做微前端的项目,过程中真是踩了不少坑,在有限的资料中不断试错,默默无语两行泪哈哈.在此次将踩坑部分都记录下来,让更多的人少走点弯路,此项目使用蚂蚁金服qiankun
Yao Wu·2021-01-13 05:48

umi +qiankun 主应用动态装载子应用（路由）解决方案

umi+qiankun主应用动态装载子应用（路由）解决方案前言接上一篇（https://www.yuque.com/blueju/blog/gtgndg），上一篇中使用的都是运行时动态注册子应用，子应用路由仍然是写死的
blueju·2021-01-11 23:52

umi + qiankun 动态注册子应用解决方案

前言首发于语雀文档@blueju本篇文章可以被视为上一篇文章（https://www.yuque.com/blueju/blog/huuie8）的延续，上一篇文章大致讲述了搭建一个简易微前端平台的过程，其中关于子应用注册的配置是通过硬编码的方式，在构建打包前写入的。但是真实项目中，更需要的是动态注册子应用，比如说我正参与的这个项目。本篇文章的示例代码是基于上一篇文章示例代码改动的，上一篇文章示例代
blueju·2021-01-11 23:21

搭建 umi + qiankun + antd 的微前端平台

关键词：umiqiankunantdesignpro非动态注册子应用非动态装载子应用（路由）背景银行项目，需要一个前端中台，承载各项目组开发的应用，本篇文章是在工作实践后所写，还是具有一定可借鉴性的，至于官网已经有相关内容还专门写这么一篇，还是因为在实践中官网中的部分不完善，导致搭建过程异常坎坷。搭建主应用工程主应用一般都是类后管平台，因此我使用ant-deisng-pro做主应用，使用以下命令创
blueju·2021-01-11 23:20

使用 umi 3 创建子应用并接入主应用

1.创建umi3工程命令行yarncreate@umijs/umi-app2.安装umi3的qiankun插件创建的umi3并不包含qian
blueju·2021-01-11 23:19

qiankun的简单使用和通信

文章目录简单使用主应用1.安装qiankun2.在主应用中注册微应用微应用1.配置main.js2.导出routes3.配置微应用的打包工具vue.config.js新建src->public-path.js
stormeye_·2021-01-07 15:24

qiankun 微前端原理与实践

本文来自OPPO互联网技术团队，转载请注名作者。同时欢迎关注我们的公众号：OPPO_tech，与你分享OPPO前沿互联网技术及活动。微前端是指存在于浏览器中的微服务，通常由许多组件组成，并使用类似于React、Vue和Angular等框架来渲染组件，每个微前端可以由不同的团队进行管理，并可以自主选择框架。每个微前端都拥有独立的git仓库、package.json和构建工具配置。因此，可以拆分一些巨
OPPO互联网技术·2021-01-06 19:25

qiankun & @umijs/plugin-qiankun实战

qiankun是一个基于single-spa的微前端实现库umi插件，提供了@umijs/plugin-qiankun供umi应用一键切换成微前端架构系统。
隐号骑士·2021-01-06 09:48

可能是多端适配性最好的微前端框架

引子对微前端方向有了解的同学可能都看过qiankun的文档，深入的同学估计也去翻过其代码和single-spa的源码。
valleykid·2020-12-30 02:32

微前端qiankun从搭建到部署的实践

最近负责的新项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码：https://github.com/fengxianqi/qiankun-example。
fengxianqi·2020-12-29 20:52

基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇

引言大家好~本文是基于qiankun的微前端最佳实践系列文章之从0到1篇，本文将分享如何使用qiankun如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从0到1。
傲娇的koala·2020-12-13 10:33

qiankun 微前端原理与实践

本文来自OPPO互联网技术团队，转载请注名作者。同时欢迎关注我们的公众号：OPPO_tech，与你分享OPPO前沿互联网技术及活动。微前端是指存在于浏览器中的微服务，通常由许多组件组成，并使用类似于React、Vue和Angular等框架来渲染组件，每个微前端可以由不同的团队进行管理，并可以自主选择框架。每个微前端都拥有独立的git仓库、package.json和构建工具配置。因此，可以拆分一些巨
OPPO互联网技术·2020-12-07 15:32

解密微前端：从qiankun看沙箱隔离

在我之前的文章提到过，微前端的本质是分治的处理前端应用以及应用间的关系，那么更进一步，落地一个微前端框架，就会涉及到三点核心要素：子应用的加载；应用间运行时隔离；路由劫持；对于qiankun来说，路由劫持是在
玩弄心里的鬼·2020-11-19 11:01

解密微前端：从qiankun看子应用加载

在我之前的文章提到过，微前端的本质是分治的处理前端应用以及应用间的关系，那么更进一步，落地一个微前端框架，就会涉及到三点核心要素：子应用的加载；应用见运行时隔离；路由劫持；对于qiankun来说，路由劫持是在
玩弄心里的鬼·2020-11-19 11:14

解密微前端：从qiankun看沙箱隔离

在我之前的文章提到过，微前端的本质是分治的处理前端应用以及应用间的关系，那么更进一步，落地一个微前端框架，就会涉及到三点核心要素：子应用的加载；应用间运行时隔离；路由劫持；对于qiankun来说，路由劫持是在
玩弄心里的鬼·2020-11-19 10:49

umi + qiankun 动态注册子应用解决方案

前言首发于语雀文档@blueju本篇文章可以被视为上一篇文章（https://www.yuque.com/blueju/blog/huuie8）的延续，上一篇文章大致讲述了搭建一个简易微前端平台的过程，其中关于子应用注册的配置是通过硬编码的方式，在构建打包前写入的。但是真实项目中，更需要的是动态注册子应用，比如说我正参与的这个项目。本篇文章的示例代码是基于上一篇文章示例代码改动的，上一篇文章示例代
blueju·2020-10-09 13:20

基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇万字长文
明源云链前端团队·2020-09-24 09:33

基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇万字长文
明源云链前端团队·2020-09-24 09:02

万字长文+图文并茂+全面解析微前端框架 qiankun 源码 - qiankun 篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇万字长文
明源云链前端团队·2020-09-24 09:31

基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文
明源云链前端团队·2020-09-24 09:16

基于 qiankun 的微前端最佳实践（图文并茂） - 应用部署篇

micro-app写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用部署篇基于qiankun的微前端最佳实践（图文并茂
昵称不用太拉风·2020-09-23 13:48

深入浅出解析阿里成熟的微前端框架 qiankun 源码【图文并茂】

来源：leaf（a1029563229）https://github.com/a1029563229/blogs/blob/master/Source-Code/qiankun/1.md本文将针对微前端框架
前端瓶子君·2020-09-16 01:57

微前端实战看这篇就够了 - Vue项目篇

wl-micro-frontends[wl-qiankun]本项目采用vue+qiankun实践微前端落地。同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。
蔚蓝·2020-08-24 16:09

用umi搭建项目微服务-qiankun微服务的配置

一、父项目的搭建//1.新建项目yarncreate@umijs/umi-app//2.下载依赖yarn//3.在packjson的devDependencies中添加qiankun依赖yarnadd@
吃瓜群众欢乐多·2020-08-23 19:15

qiankun-前端微服务父项目与子项目的配置

前提，用umi建立两个项目，参考链接一、父项目1.package.json//yarnadd@umijs/plugin-qiankun-D"devDependencies":{"@umijs/plugin-qiankun
吃瓜群众欢乐多·2020-08-23 19:44

基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇

大家好~本文是基于qiankun的微前端最佳实践系列文章之应用间通信篇，本文将分享在qiankun中如何进行应用间通信。在开始介绍qiankun的应用通信之前，我们需要先了解微前端架构如何划分子应用。
qq_34621851·2020-08-23 18:02

实现微前端的十种方式 【第二种】

加载方式、以及我开源的微前端框架chunchao源码简单的文章，通俗易懂，感觉不错记得点个在看和关注哦之前的原创以及好文推荐：实现微前端的十种方式【第一种】微前端框架chunchao(春潮)开源啦基于qiankun
Peter 谭金杰·2020-08-23 17:42

实现微前端的十种方式 【第一种】

以及我开源的微前端框架chunchao源码微前端框架chunchao(春潮)开源啦微前端框架是怎么导入加载子应用的【3000字精读】深度：从零编写一个微前端框架深度：微前端在企业级应用中的实践(1万字，华为)基于qiankun
Peter 谭金杰·2020-08-23 17:42

微前端qiankun实践和遇到的坑

出于以下几个目的，最近在用qiankun改造项目：几个项目共用同一个头部，底部和登录权限系统每次更新都需要同步N次代码，再加上rc,uat两个发布分支，就是3n次，想屎的心都有了之前一直写react，这个项目用
AwesomeCPA·2020-08-23 16:33

微前端的应用

环境配置7.SSR项目关联(以后在说吧，没有想好)大厂基本在使用的美团https://tech.meituan.com/2019/12/26/meituan-bifrost.html阿里https://qiankun.umijs.o
b7410852963·2020-08-23 15:40

微前端（qiankun）

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化web应用的技术手段及方法策略，下面这张图来了解下。qiankunqiankun蚂蚁金服基于single-spa的微前端解决方案，生产可用。特性基于single-spa封装，提供了更加开箱即用的API。技术栈无关，任意技术栈的应用均可使用/接入，不论是React/Vue/Angular/JQuery还是其他等框架。HTMLEntry接入方式
WEB前端含光·2020-08-23 15:29

也许这才是你想要的微前端方案

也许你看过了Single-Spa，qiankun这些业界成熟方案，非常强大：JS沙箱隔离、多栈支持、子应用并行、子应用嵌套，但仔细想想它真的适合你吗？对于我来说，太重了，概念太多，理解困难。
Denzel·2020-08-22 15:06

基于 qiankun 的微前端最佳实践（万字长文） - 从 0 到 1 篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文+图文并茂+全面解析微前端框架qiankun源码-qiankun
晒兜斯·2020-08-22 15:14

基于 qiankun 的微前端最佳实践（图文并茂） - 应用间通信篇

写在开头微前端系列文章：基于qiankun的微前端最佳实践（万字长文）-从0到1篇基于qiankun的微前端最佳实践（图文并茂）-应用间通信篇万字长文+图文并茂+全面解析微前端框架qiankun源码-qiankun
晒兜斯·2020-08-22 15:48

适配 CRA 项目为微前端应用

前期准备一个使用CRA创建的新项目或者旧项目了解publicPath是什么了解single-spa中关于微前端应用的概念（及qiankun中html-entry的概念）解决如何覆盖CRA配置的问题通常情况下
littleLyon·2020-08-22 15:09

目标是最完善的微前端解决方案 - qiankun 2.0

原文地址距qiankun开源已过去了11个月，距上次官方发声已过去8个月。
kuitos·2020-08-22 14:26

发布 @umijs/plugin-qiankun 2.3.0 - 全面拥抱 qiankun2

原文：https://zhuanlan.zhihu.com/p/...两个月前，我们正式发布了qiankun2.0，在经历了15+beta版本及大量的内部打磨之后，今天我们将正式发布基于qiankun2.0
kuitos·2020-08-22 12:11

听说你还不了解微前端？[收藏=学会]

一、自我介绍qiankun简介首先开始之前，我先给大家简单的介绍一下乾坤，大家可以在的官网上，看到qiankun的介绍和qiankun的文档，诚如这张官网截图所示，我们对qiankun的一句话定义就是：
小生方勤·2020-08-21 23:17

Qt编译oci教程

而lib文件在这个目录Oracle的路径需要换成自己电脑的路径编译好以后文件在这里编译之后把上图两个dll文件复制到总结一下：用msvc编译QMAKE_LFLAGS+=D:\app\Qiankun\p
weixin_30642267·2020-08-21 22:51

微前端框架 qiankun 源码解读 1.3 hijackers/动态加载标签

import{execScripts}from'import-html-entry';import{isFunction}from'lodash';import{checkActivityFunctions}from'single-spa';import{Freer}from'../interfaces';conststyledComponentSymbol=Symbol('styled-comp
Manggoo·2020-08-20 06:51

微前端框架 qiankun 源码解读 1.2 hijackers/historyListener

import{isFunction,noop}from'lodash';exportdefaultfunctionhijack(){letrawHistoryListen=(_:any)=>noop;consthistoryListeners:Array=[];consthistoryUnListens:Array=[];函数开始声明了一个函数，两个数组用来保存history监听器。if((win
Manggoo·2020-08-20 06:51

微前端框架qiankun源码解读 -1.1 hijackers/windowListener

直接上代码：import{noop}from'lodash';constrawAddEventListener=window.addEventListener;constrawRemoveEventListener=window.removeEventListener;这里先保存window的添加和移除监听的函数。exportdefaultfunctionhijack(){constlistene
Manggoo·2020-08-20 06:51

mybatis动态sql中的trim标签的使用

mybatis动态sql中的trim标签的使用此文章转载自博客园大佬:般若空自在大佬链接”:https://home.cnblogs.com/u/qiankun-site/强烈推荐trim标记是一个格式化的标记
秃头张·2020-08-18 23:28
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他