1,Docker是一个,快速构建、运行、管理应用的工具2,前面我们了解过在Linux操作系统的常见的命令以及如何在Linux中部署一个人单体的项目。感受如何呢???命令太多了,记不住软件安装包名字复杂,不知道去哪里找安装和部署步骤复杂,容易出错3,这就是我今天要为大家带来的Docker技术。你会发现,有了Docker以后项目的部署如丝般顺滑,大大减少了运维工作量。即便对Linux不熟悉,你也能轻松
转载 2024-09-19 10:32:04
29阅读
本文将按照下面的顺序逐一讲解:1)什么是微前端以及为什么使用微前端2)乾坤框架介绍3)基于乾坤框架实例4)开发过程中遇到的问题一、什么是微前端微前端的核心思想就是将按照不同功能或不同维度拆分的独立子应用,通过主应用来加载这些子应用,达到子项目可以独立开发、独立部署、不受技术栈影响效果。二、乾坤框架介绍下面的地址是乾坤文档地址,详细介绍了微前端的概念、乾坤的核心设计思想介绍三、乾坤框架实例说明:例子
转载 2024-03-14 16:33:52
371阅读
作者 | Jonathan Saring 微前端将前端整体分解为许多更小、更易管理的片段。每个团队可以端到端地拥有自己的功能,可以在自己的代码库中工作,可以独立发布版本,可以不断进行小的增量升级,还可以通过 API 与其他团队集成,以便他们可以一起组建和管理页面和应用程序。本文中,作者收集了 11 个最杰出的微前端构建工具,并提供了进一步学习的链接和视频。 将单体后端分解成为微服务之后,后端开
背景:公司研发的项目主要是 GIS地图为基础的管理系统,由主体项目(管理业务模块)+ GIS地图应用,由于 GIS地图应用模块 会在多个地方使用,所以单独构建一个项目,分别在不同的业务场景中引用、交互,也在app中通过webview通信使用,之前一直使用iframe的通信方式,iframe基本也可以满足业务需求,应用分割、独立运行、分别部署,iframe方案已经满足并且不断优化已经满足需求,但是作
最近看了几个微前端框架的源码(single-spa、qiankun、micro-app),感觉收获良多。所以打算造一个迷你版的轮子,来加深自己对所学知识的了解。这个轮子将分为五个版本,逐步的实现一个最小可用的微前端框架:支持不同框架的子应用(v1 分支)支持子应用 HTML 入口(v2 分支)支持沙箱功能,子应用 window 作用域隔离、元素隔离(v3 分支)支持子应用样式隔离(v4 分支)支持
乾坤来看这篇文章的我就不赘述乾坤是什么了乾坤官网qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。背景介绍需要将几个系统做整合,以一个应用为父应用,其余的应用为子应用 我这里的应用都是react的应用,市面上很多应用都是用vue来打样的 我这里仅仅只是入门,很多功能还没用上,比如父子应用通讯,一些已知的问题也没解决,比如样
ERP实施顾问的职责及经验总结作者;:北京乾元坤和看这篇文章的多半都是做ERP实施顾问的了,那么在转让正题之前先给想做和正在做ERP实施顾问人的八大建议。ERP实施顾问是一种综合技术知识和管理能力的职业,门槛高所以很多人进不来,但是只要能进来,在成长中一般都可以磨练出来,就是说ERP实施顾问的成长需要积累,需要在实践中不断完善和提高。做ERP实施的八大建议以下是对ERP顾问职业所具备的知识和能力结
准备阶段!!! 因为node版本或者vue-cli版本不同可能造成 1) 主应用抓取不到子应用,报错 “xxx died xxx”2)初始化项目 , 项目的结构不同导致文章阅读比较麻烦. !!!1.例子中node版本是 v14.17.0 , node历史版本下载链接2. powershlell 中输入 vue --version 查看vue-cli的版本 , 本文例子是3.11.0 , vue-c
转载 2024-01-12 06:44:17
708阅读
一、安装乾坤父应用1.以umi创建一个react工程,开启乾坤插件 mkdir myapp && cd myapp yarn add @umijs/plugin-qiankun -D 2. 父工程添加qiankun插件 yarn add @umijs/plugin-qiankun -D 3.修改 .umirc.ts 配置文件 import { defineConfig } from
转载 2024-01-30 23:25:16
365阅读
Vue-genesis(一)介绍官网地址: https://fmfe.github.io/genesis-docs/genesis是一个轻量级的Vue SSR插件,不与任何框架进行绑定,但目前来说是基于vue框架,也不与任何一个node服务器进行绑定,但一般来说,node服务器优先选择express。概括性的说,它起到一个服务端聚合,客户端一键拆分打包的功效。什么是服务端聚合,即将所有子工程聚合到
//基于乾坤2.5的版本 仅针对于部署在根目录下的Vue工程 **注意 : package.json 中 name 为 二级路由名称 在主基座路由中用到,并 自动匹配子应用 进行加载 **一、接入点1、新增文件(由共同组提供) ## 以下两个文件要新增至 src 目录下(1)globalsetting.jsglobalsetting(2)public-pathjs//判断当前环境为乾坤环境 if
转载 2024-06-04 22:26:32
83阅读
文章目录前言:为什么选择qiankun一、乾坤实现原理二、使用步骤1.主程序2.微应用(1). 配置webpack打包输出(2). 抛出生命周期(3). 引入publicPath配置api1 主应用api2 微应用api3 数据交互4 异常捕获 前言:为什么选择qiankun为什么要使用乾坤?与传统的iframe相比优势如何与传统的html条状相比优势如何如何体现乾坤的优势提示:以下是本篇文章正
转载 2024-06-19 10:48:11
440阅读
微前端的核心价值篇(有兴趣看这一篇) 微前端的核心价值NEWS FLASH我认为微前端的核心价值在于 "技术栈无关",这才是它诞生的理由,或者说这才是能说服我采用微前端方案的理由,适合的区域选择适合的项目~微前端dom的github地址:https://github.com/1292150917/micro-repo 实战教程鉴于qiankun文档只有十几行,这里做一个尽量详细
转载 2024-05-08 15:22:37
111阅读
昨天新建了两个项目,上手体验了一下微前端乾坤,感觉很神奇,但官网教程似乎对新手不大友好,上手完以后感觉很简单,但中间过程实在繁琐,各种报错和百度,今天上班摸鱼,记录一下全部过程,方便日后操作。1、乾坤主应用。①使用vue脚手架新建一个vue项目,重点是添加vue-router ②安装乾坤依赖$ yarn add qiankun # 或者 npm i qiankun -S ③在main.js中注册微
转载 2024-02-08 14:50:58
0阅读
微前端 – 乾坤产生背景: 在 toB 的前端开发工作中,我们往往就会遇到如下困境:工程越来越大,打包越来越慢团队人员多,产品功能复杂,代码冲突频繁、影响面大技术栈单一,无法灵活扩展微前端到底是什么?微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端借鉴了微服务的架构理念,将一个庞大的前端应用拆分为多个独立灵活的小型应用,每个应用都可以独立开发、
转载 2024-05-13 22:30:21
77阅读
微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法提供支持。本文提供一种基于 iframe 的全新微前端方案,完善的解决了这些核心诉求。为什么还要造微前端框架目前较成熟的微前方案有 qiankun、micro-app、EMP 方案,下面分别分析这
本文将针对微前端框架 qiankun 的源码进行深入解析,在源码讲解之前,我们先来了解一下什么是 微前端。微前端 是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodu
作者 | 伍杏玲我们在网上购物时,无论多晚找客服咨询,对面均会回复一句“在呢,请问有什么可以帮助您?”,屏幕背后大部分为智能客服机器人。在不同业务场景对话中,如何提高智能机器人对用户意图识别和对话逻辑控制,提高营销转化,是每个智能机器人厂商不断迭代的技能。7 年来专注研发“AI+SaaS”售前在线客服产品的易聊科技,作为较早一批将 AI 技术应用于售前客服领域的企业,打造出在线客服、售前 AI 客
                                       XML数据结构 1.解析:就是按照约定好(假象)的格式提取数据的过程解析 提供数据方(后台):工作就是把数据按照一定的
目录    一、微前端概述         1. 基本原理         2. 微前端的主要优势         3. 当前微前端方案的一些缺点  
  • 1
  • 2
  • 3
  • 4
  • 5