随笔分类 -  micro-frontends

1 2 下一页

vite-plugin-federation vite&rollup 模块联邦插件
摘要：vite-plugin-federation vite&rollup 模块联邦插件，和webpack 的模块联邦插件兼容模块联邦是一个很不错的前端模块化机制，对于微前端领域是一个很不错的选择，而且vite-plugin-federation 可以直接与webpack 的构建兼容，对于使用不同构建工具 阅读全文

posted @ 2023-07-10 11:02 荣锋亮 阅读(568) 评论(0) 推荐(0) 编辑

aws 开源的微前端发现实现 frontend-discovery
摘要：实际上此协议已经开放一段时间了（一年左右），里边一些实践还是很不错的，对于微前端实现的同学可以参考学习 同时官方也提供了一个基于aws 服务的参考实践，作者的一些演讲也是值得学习的 参考格式 如下图，可以看到包含了一些不错的设计，以及对于实际的部署维护，包含了元数据，多版本，fallback，一致性 阅读全文

posted @ 2023-07-01 08:45 荣锋亮 阅读(39) 评论(0) 推荐(0) 编辑

sysend.js 跨浏览器tabs 同步类库
摘要：sysend.js 提供了跨浏览器tabs 数据同步的能力，利用了不少浏览器的特性 (localstoreage api 以及broadcastchannel api) 参考使用 index.html <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文

posted @ 2023-01-13 17:09 荣锋亮 阅读(136) 评论(0) 推荐(0) 编辑

piral 参考架构说明
摘要：昨天有介绍过一个siteless 的micro frontends 架构模式，实际上siteless来自与piral，以下简单介绍下piral的架构（内容来自官方文档） 几张图 来自官方，介绍下关于piral的集成模式 微服务时候的玩法 微前端之后 piral 的参考架构（核心基于react 开发） 阅读全文

posted @ 2022-02-08 10:41 荣锋亮 阅读(324) 评论(0) 推荐(0) 编辑

siteless ui 一种新的micro frontend 开发模式
摘要：框架以及术语是来自piral，同时在框架作者的书 The Art of Micro Frontends 有比较完整的介绍，这本书是micro frontends in action 以及 building micro-frontends 之后一本不错的讲 micro frontend 的书 参考图 阅读全文

posted @ 2022-02-08 00:26 荣锋亮 阅读(64) 评论(0) 推荐(0) 编辑

epress proxy+ nodeesi 实现简单微前端
摘要：实际上我以前也写过类似的（ssi+client esi 的）以下是一个服务器端的esi 参考玩法(内容来自youtube) 参考图 环境准备 http proxy 部分代码 const app = require("express")() const proxy = require("express 阅读全文

posted @ 2022-01-03 13:18 荣锋亮 阅读(68) 评论(0) 推荐(0) 编辑

esigate java esi实现框架
摘要：esigate 是esi 标准的一个java 实现，包含了server，servlet，core 等几个模块，尽管项目目前已经更新比较少了，但是是一个很不错的esi 实现，提供的扩展点也比较多 特性 基于ssi 的集成（cms系统） 远端模版共享（和现在的微前端的集成模式比较类似） web 加速（基 阅读全文

posted @ 2022-01-02 23:32 荣锋亮 阅读(72) 评论(0) 推荐(0) 编辑

zalando 最新关于微前端的一些实践文章
摘要：主要是一个链接，内容很不错，很值得学习下 整体参考架构 page 渲染处理 参考资料 https://engineering.zalando.com/posts/2021/03/micro-frontends-part1.htmlhttps://engineering.zalando.com/pos 阅读全文

posted @ 2021-10-17 21:17 荣锋亮 阅读(86) 评论(0) 推荐(0) 编辑

opencomponents web 集成
摘要：前边有简单运行了私服以下是web 集成说明 私服环境准备 参考https://www.cnblogs.com/rongfengliang/p/15417982.html demo 组件 参考https://opencomponents.github.io/ 创建简单的 web 集成 index.ht 阅读全文

posted @ 2021-10-17 20:33 荣锋亮 阅读(87) 评论(0) 推荐(0) 编辑

opencomponents 私服minio 模式运行
摘要：opencomponents 官方是提供了一个简单的私服核心的，我们可以自己构建部署（基于minio） 运行 环境准备 (minio s3) version: "3" services: s3: image: minio/minio environment: - "MINIO_ACCESS_KEY= 阅读全文

posted @ 2021-10-17 20:18 荣锋亮 阅读(162) 评论(0) 推荐(0) 编辑

opencomponents 快速部署前端组件的工具
摘要：opencomponents可以加速web 组件的部署以及使用（特别适合微前端），设计理念很多参考了微服务的模式 支持的模式也挺丰富（客户端渲染以及服务器端渲染），组件存储上使用了云存储（实际上也可以支持minio） 参考架构 参考使用 安装工具 npm install -g oc oc init 阅读全文

posted @ 2021-10-17 08:43 荣锋亮 阅读(277) 评论(0) 推荐(0) 编辑

garfish来自字节跳动的微前端框架
摘要：garfish 是来自字节跳动的微前端框架 包含的特性 跨框架支持（vue，react，angular。。。。） api 简单 路由驱动（支持路由配置激活信息自动挂载以及销毁） 说明 目前官方文档以及更新还是比较频繁的，大致的了解看到还是很不错的，后边仔细研究下 参考资料 https://garfi 阅读全文

posted @ 2021-10-06 11:06 荣锋亮 阅读(3498) 评论(0) 推荐(0) 编辑

Rules of Micro-Frontends
摘要：参考资料：https://medium.com/swlh/rules-of-micro-frontends-7b96c10dde9 This is an opinionated list of best practices when designing applications that follo 阅读全文

posted @ 2021-01-02 23:27 荣锋亮 阅读(85) 评论(0) 推荐(0) 编辑

qiankun 蚂蚁金服基于single-spa 的微前端解决方案
摘要：qiankun 蚂蚁金服基于single-spa 的微前端解决方案,生产可用 包含的特性 基于single-spa 基于无关 html entry 方式模式 样式隔离 js 沙箱 资源预取 说明 qiankun是一个很不错的微前端解决方案，生产可用 参考资料 https://github.com/u 阅读全文

posted @ 2020-04-02 08:43 荣锋亮 阅读(6825) 评论(0) 推荐(0) 编辑

pill静态站点动态加载内容的方案
摘要：pill 是一个小巧的为了解决静态站点，web 内容加载问题，通过拦截js 的一些事件通过执行fetch 解决问题 原理说明 拦截导航事件（链接的点击，以及历史导航） 通过fetch 加载请求 获取加收到的html 内容 替换当前页面的内容 用途 解决我们单页面应用资源加载的问题（还是希望实现动态内 阅读全文

posted @ 2020-03-15 10:00 荣锋亮 阅读(760) 评论(0) 推荐(0) 编辑

piral 基于typescript 的微前端开发框架
摘要：piral有一个微前端开发框架，功能强大，文档比较全，扩展能力也比较好 包含以下特性： 特性 高度模块化 多框架兼容 支持资源文件的拆分 全局状态管理 独立开发和部署 CLI工具 与同类框架的比较 参考资料 https://docs.piral.io/reference/documentation# 阅读全文

posted @ 2019-11-13 22:27 荣锋亮 阅读(1245) 评论(0) 推荐(0) 编辑

podium layout 说明
摘要：layout 主要是进行podlets 的组合，同时也提供了context ，fallback，以及传递参数的处理 基本代码 const express = require('express'); const Layout = require('@podium/layout'); ​ const a 阅读全文

posted @ 2019-08-26 14:23 荣锋亮 阅读(263) 评论(0) 推荐(0) 编辑

podium podlets 说明
摘要：podlets 提供了一个页面片段服务，podlets 包含了一些元数据信息，通过json 暴露， 主要包含以下内容 一个 http endpoint 提供主要内容 一个 http endpoint 提供fallback 功能，方便在主要内容不可读的时候提供访问 一些客户端js文件 的http en 阅读全文

posted @ 2019-08-26 13:45 荣锋亮 阅读(248) 评论(0) 推荐(0) 编辑

podium micro-frontends 简单试用
摘要：以下是一个简单的podium 试用，包含了layout 以及podlets,使用docker 运行 podium 主要包含了两大部分 podlets 片段服务 layouts 片段组合服务 环境准备 docker-compose 文件 version: '3' services: layout: b 阅读全文

posted @ 2019-08-26 11:25 荣锋亮 阅读(413) 评论(0) 推荐(0) 编辑

podium服务器端的微前端开发框架
摘要：podium 是一个比较全的微前端开发框架。 具有以下特性 自治开发 强大的组合能力 基于约定的开发模式 podium 包含的组件 podlets 页面片段，是一个独立的http 服务，独立运行的，实际行可以使用任何语言编写，podium 提供了@podium/podlet 模块 可以方便的开发基于 阅读全文

posted @ 2019-08-26 09:39 荣锋亮 阅读(389) 评论(0) 推荐(0) 编辑

1 2 下一页

导航

< 2025年3月 >
日 一 二 三 四 五 六
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示