René's URL Explorer Experiment


Title: GitHub - FrontApps/microfrontends: 微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese

Open Graph Title: GitHub - FrontApps/microfrontends: 微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese

X Title: GitHub - FrontApps/microfrontends: 微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese

Description: 微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese - FrontApps/microfrontends

Open Graph Description: 微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese - FrontApps/microfrontends

X Description: 微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese - FrontApps/microfrontends

Opengraph URL: https://github.com/FrontApps/microfrontends

X: @github

direct link

Domain: patch-diff.githubusercontent.com

route-pattern/:user_id/:repository
route-controllerfiles
route-actiondisambiguate
fetch-noncev2:21785a1b-8ef0-7be1-dd46-ea2cefdf56f2
current-catalog-service-hashf3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-idED08:66C51:B70F1E:EF0410:6981880C
html-safe-nonce7d5c1f35515fb651a0e284ba1bb7703bfc7cbbb19255d2ebdaa068b5ea71648f
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJFRDA4OjY2QzUxOkI3MEYxRTpFRjA0MTA6Njk4MTg4MEMiLCJ2aXNpdG9yX2lkIjoiMTE5OTcyMDE5MDMzOTY2NjA0IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmacebbb360a74a9ec686dd27a71b2e59a5ba9e6e9ad6e6a870b130f32bc2609d737
hovercard-subject-tagrepository:148606326
github-keyboard-shortcutsrepository,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location//
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/FrontApps/microfrontends
twitter:imagehttps://opengraph.githubassets.com/99e618b4fe8dcecf4984b201ec749a947e77bba7a7bc509f5aca795bda9a4718/FrontApps/microfrontends
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/99e618b4fe8dcecf4984b201ec749a947e77bba7a7bc509f5aca795bda9a4718/FrontApps/microfrontends
og:image:alt微前端的那些事儿 - Micro-frontend Architecture in Action in Chinese - FrontApps/microfrontends
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
Nonee137814e266030874fd2c86863529d0622b13889eeda04148c57654b6ea84ad6
turbo-cache-controlno-preview
go-importgithub.com/FrontApps/microfrontends git https://github.com/FrontApps/microfrontends.git
octolytics-dimension-user_id42719417
octolytics-dimension-user_loginFrontApps
octolytics-dimension-repository_id148606326
octolytics-dimension-repository_nwoFrontApps/microfrontends
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forktrue
octolytics-dimension-repository_parent_id127592701
octolytics-dimension-repository_parent_nwophodal/microfrontends
octolytics-dimension-repository_network_root_id127592701
octolytics-dimension-repository_network_root_nwophodal/microfrontends
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
releasedd58d68a7813bbec9c91422c8c35f4af33832d70
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://patch-diff.githubusercontent.com/FrontApps/microfrontends#start-of-content
https://patch-diff.githubusercontent.com/
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FFrontApps%2Fmicrofrontends
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub SparkBuild and deploy intelligent appshttps://github.com/features/spark
GitHub ModelsManage and compare promptshttps://github.com/features/models
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
GitHub SponsorsFund open source developershttps://github.com/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/accelerator
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://patch-diff.githubusercontent.com/login?return_to=https%3A%2F%2Fgithub.com%2FFrontApps%2Fmicrofrontends
Sign up https://patch-diff.githubusercontent.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=FrontApps%2Fmicrofrontends
Reloadhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends
Reloadhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends
Reloadhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends
FrontApps https://patch-diff.githubusercontent.com/FrontApps
microfrontendshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends
phodal/microfrontendshttps://patch-diff.githubusercontent.com/phodal/microfrontends
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2FFrontApps%2Fmicrofrontends
Fork 0 https://patch-diff.githubusercontent.com/login?return_to=%2FFrontApps%2Fmicrofrontends
Star 0 https://patch-diff.githubusercontent.com/login?return_to=%2FFrontApps%2Fmicrofrontends
microfrontend.cn/https://microfrontend.cn/
0 stars https://patch-diff.githubusercontent.com/FrontApps/microfrontends/stargazers
348 forks https://patch-diff.githubusercontent.com/FrontApps/microfrontends/forks
Branches https://patch-diff.githubusercontent.com/FrontApps/microfrontends/branches
Tags https://patch-diff.githubusercontent.com/FrontApps/microfrontends/tags
Activity https://patch-diff.githubusercontent.com/FrontApps/microfrontends/activity
Star https://patch-diff.githubusercontent.com/login?return_to=%2FFrontApps%2Fmicrofrontends
Notifications https://patch-diff.githubusercontent.com/login?return_to=%2FFrontApps%2Fmicrofrontends
Code https://patch-diff.githubusercontent.com/FrontApps/microfrontends
Pull requests 0 https://patch-diff.githubusercontent.com/FrontApps/microfrontends/pulls
Actions https://patch-diff.githubusercontent.com/FrontApps/microfrontends/actions
Projects 0 https://patch-diff.githubusercontent.com/FrontApps/microfrontends/projects
Wiki https://patch-diff.githubusercontent.com/FrontApps/microfrontends/wiki
Security 0 https://patch-diff.githubusercontent.com/FrontApps/microfrontends/security
Insights https://patch-diff.githubusercontent.com/FrontApps/microfrontends/pulse
Code https://patch-diff.githubusercontent.com/FrontApps/microfrontends
Pull requests https://patch-diff.githubusercontent.com/FrontApps/microfrontends/pulls
Actions https://patch-diff.githubusercontent.com/FrontApps/microfrontends/actions
Projects https://patch-diff.githubusercontent.com/FrontApps/microfrontends/projects
Wiki https://patch-diff.githubusercontent.com/FrontApps/microfrontends/wiki
Security https://patch-diff.githubusercontent.com/FrontApps/microfrontends/security
Insights https://patch-diff.githubusercontent.com/FrontApps/microfrontends/pulse
Brancheshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/branches
Tagshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/tags
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/branches
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/tags
22 Commitshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/commits/master/
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/commits/master/
imgshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/tree/master/imgs
imgshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/tree/master/imgs
CNAMEhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/CNAME
CNAMEhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/CNAME
README.mdhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/README.md
README.mdhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/README.md
_config.ymlhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/_config.yml
_config.ymlhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/_config.yml
READMEhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端的那些事儿
微前端的那些事儿https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BE%AE%E5%89%8D%E7%AB%AF%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B%E5%84%BF
实施微前端的六种方式https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%AE%9E%E6%96%BD%E5%BE%AE%E5%89%8D%E7%AB%AF%E7%9A%84%E5%85%AD%E7%A7%8D%E6%96%B9%E5%BC%8F
基础铺垫：应用分发路由 -> 路由分发应用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%9F%BA%E7%A1%80%E9%93%BA%E5%9E%AB%E5%BA%94%E7%94%A8%E5%88%86%E5%8F%91%E8%B7%AF%E7%94%B1---%E8%B7%AF%E7%94%B1%E5%88%86%E5%8F%91%E5%BA%94%E7%94%A8
后端：函数调用 -> 远程调用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%90%8E%E7%AB%AF%E5%87%BD%E6%95%B0%E8%B0%83%E7%94%A8---%E8%BF%9C%E7%A8%8B%E8%B0%83%E7%94%A8
前端：组件调用 -> 应用调用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E7%BB%84%E4%BB%B6%E8%B0%83%E7%94%A8---%E5%BA%94%E7%94%A8%E8%B0%83%E7%94%A8
路由分发式微前端https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%B7%AF%E7%94%B1%E5%88%86%E5%8F%91%E5%BC%8F%E5%BE%AE%E5%89%8D%E7%AB%AF
使用 iFrame 创建容器https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E4%BD%BF%E7%94%A8-iframe-%E5%88%9B%E5%BB%BA%E5%AE%B9%E5%99%A8
自制框架兼容应用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%87%AA%E5%88%B6%E6%A1%86%E6%9E%B6%E5%85%BC%E5%AE%B9%E5%BA%94%E7%94%A8
组合式集成：将应用微件化https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%BB%84%E5%90%88%E5%BC%8F%E9%9B%86%E6%88%90%E5%B0%86%E5%BA%94%E7%94%A8%E5%BE%AE%E4%BB%B6%E5%8C%96
纯 Web Components 技术构建https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%BA%AF-web-components-%E6%8A%80%E6%9C%AF%E6%9E%84%E5%BB%BA
结合 Web Components 构建https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%BB%93%E5%90%88-web-components-%E6%9E%84%E5%BB%BA
在 Web Components 中集成现有框架https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%9C%A8-web-components-%E4%B8%AD%E9%9B%86%E6%88%90%E7%8E%B0%E6%9C%89%E6%A1%86%E6%9E%B6
集成在现有框架中的 Web Componentshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E9%9B%86%E6%88%90%E5%9C%A8%E7%8E%B0%E6%9C%89%E6%A1%86%E6%9E%B6%E4%B8%AD%E7%9A%84-web-components
复合型https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%A4%8D%E5%90%88%E5%9E%8B
为什么微前端开始在流行------Web 应用的聚合https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E4%B8%BA%E4%BB%80%E4%B9%88%E5%BE%AE%E5%89%8D%E7%AB%AF%E5%BC%80%E5%A7%8B%E5%9C%A8%E6%B5%81%E8%A1%8Cweb-%E5%BA%94%E7%94%A8%E7%9A%84%E8%81%9A%E5%90%88
前端遗留系统迁移https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E9%81%97%E7%95%99%E7%B3%BB%E7%BB%9F%E8%BF%81%E7%A7%BB
后端解耦，前端聚合https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%90%8E%E7%AB%AF%E8%A7%A3%E8%80%A6%E5%89%8D%E7%AB%AF%E8%81%9A%E5%90%88
兼容遗留系统https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%85%BC%E5%AE%B9%E9%81%97%E7%95%99%E7%B3%BB%E7%BB%9F
如何解构单体前端应用------前端应用的微服务式拆分https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%A6%82%E4%BD%95%E8%A7%A3%E6%9E%84%E5%8D%95%E4%BD%93%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8%E7%9A%84%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%BC%8F%E6%8B%86%E5%88%86
前端微服化https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E5%BE%AE%E6%9C%8D%E5%8C%96
独立开发https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%8B%AC%E7%AB%8B%E5%BC%80%E5%8F%91
独立部署https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%8B%AC%E7%AB%8B%E9%83%A8%E7%BD%B2
我们真的需要技术无关吗？https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E6%88%91%E4%BB%AC%E7%9C%9F%E7%9A%84%E9%9C%80%E8%A6%81%E6%8A%80%E6%9C%AF%E6%97%A0%E5%85%B3%E5%90%97
不影响用户体验https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E4%B8%8D%E5%BD%B1%E5%93%8D%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C
微前端的设计理念https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BE%AE%E5%89%8D%E7%AB%AF%E7%9A%84%E8%AE%BE%E8%AE%A1%E7%90%86%E5%BF%B5
设计理念一：中心化路由https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%AE%BE%E8%AE%A1%E7%90%86%E5%BF%B5%E4%B8%80%E4%B8%AD%E5%BF%83%E5%8C%96%E8%B7%AF%E7%94%B1
设计理念二：标识化应用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%AE%BE%E8%AE%A1%E7%90%86%E5%BF%B5%E4%BA%8C%E6%A0%87%E8%AF%86%E5%8C%96%E5%BA%94%E7%94%A8
设计理念三：生命周期https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%AE%BE%E8%AE%A1%E7%90%86%E5%BF%B5%E4%B8%89%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F
设计理念四：独立部署与配置自动化https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%AE%BE%E8%AE%A1%E7%90%86%E5%BF%B5%E5%9B%9B%E7%8B%AC%E7%AB%8B%E9%83%A8%E7%BD%B2%E4%B8%8E%E9%85%8D%E7%BD%AE%E8%87%AA%E5%8A%A8%E5%8C%96
实战微前端架构设计https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%AE%9E%E6%88%98%E5%BE%AE%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1
独立部署与配置自动化https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%8B%AC%E7%AB%8B%E9%83%A8%E7%BD%B2%E4%B8%8E%E9%85%8D%E7%BD%AE%E8%87%AA%E5%8A%A8%E5%8C%96
应用间路由------事件https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BA%94%E7%94%A8%E9%97%B4%E8%B7%AF%E7%94%B1%E4%BA%8B%E4%BB%B6
大型 Angular 应用微前端的四种拆分策略https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%A4%A7%E5%9E%8B-angular-%E5%BA%94%E7%94%A8%E5%BE%AE%E5%89%8D%E7%AB%AF%E7%9A%84%E5%9B%9B%E7%A7%8D%E6%8B%86%E5%88%86%E7%AD%96%E7%95%A5
前端微服务化：路由懒加载及其变体https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8C%96%E8%B7%AF%E7%94%B1%E6%87%92%E5%8A%A0%E8%BD%BD%E5%8F%8A%E5%85%B6%E5%8F%98%E4%BD%93
微服务化方案：子应用模式https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8C%96%E6%96%B9%E6%A1%88%E5%AD%90%E5%BA%94%E7%94%A8%E6%A8%A1%E5%BC%8F
方案对比https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E6%96%B9%E6%A1%88%E5%AF%B9%E6%AF%94
标准 LazyLoadhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E6%A0%87%E5%87%86-lazyload
LazyLoad 变体 1：构建时集成https://patch-diff.githubusercontent.com/FrontApps/microfrontends#lazyload-%E5%8F%98%E4%BD%93-1%E6%9E%84%E5%BB%BA%E6%97%B6%E9%9B%86%E6%88%90
LazyLoad 变体 2：构建后集成https://patch-diff.githubusercontent.com/FrontApps/microfrontends#lazyload-%E5%8F%98%E4%BD%93-2%E6%9E%84%E5%BB%BA%E5%90%8E%E9%9B%86%E6%88%90
前端微服务化https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8C%96
总对比https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E6%80%BB%E5%AF%B9%E6%AF%94
前端微服务化：使用微前端框架 Mooa 开发微前端应用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8C%96%E4%BD%BF%E7%94%A8%E5%BE%AE%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6-mooa-%E5%BC%80%E5%8F%91%E5%BE%AE%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8
Mooa 概念https://patch-diff.githubusercontent.com/FrontApps/microfrontends#mooa-%E6%A6%82%E5%BF%B5
微前端主工程创建https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BE%AE%E5%89%8D%E7%AB%AF%E4%B8%BB%E5%B7%A5%E7%A8%8B%E5%88%9B%E5%BB%BA
Mooa 子应用创建https://patch-diff.githubusercontent.com/FrontApps/microfrontends#mooa-%E5%AD%90%E5%BA%94%E7%94%A8%E5%88%9B%E5%BB%BA
导航到特定的子应用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%AF%BC%E8%88%AA%E5%88%B0%E7%89%B9%E5%AE%9A%E7%9A%84%E5%AD%90%E5%BA%94%E7%94%A8
前端微服务化：使用特制的 iframe 微服务化 Angular 应用https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%89%8D%E7%AB%AF%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8C%96%E4%BD%BF%E7%94%A8%E7%89%B9%E5%88%B6%E7%9A%84-iframe-%E5%BE%AE%E6%9C%8D%E5%8A%A1%E5%8C%96-angular-%E5%BA%94%E7%94%A8
iframe 微服务架构设计https://patch-diff.githubusercontent.com/FrontApps/microfrontends#iframe-%E5%BE%AE%E6%9C%8D%E5%8A%A1%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1
微前端框架 Mooa 的特制 iframe 模式https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BE%AE%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6-mooa-%E7%9A%84%E7%89%B9%E5%88%B6-iframe-%E6%A8%A1%E5%BC%8F
微前端框架 Mooa iframe 通讯机制https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%BE%AE%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6-mooa-iframe-%E9%80%9A%E8%AE%AF%E6%9C%BA%E5%88%B6
发布主应用事件https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E5%8F%91%E5%B8%83%E4%B8%BB%E5%BA%94%E7%94%A8%E4%BA%8B%E4%BB%B6
监听子应用事件https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%9B%91%E5%90%AC%E5%AD%90%E5%BA%94%E7%94%A8%E4%BA%8B%E4%BB%B6
示例https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E7%A4%BA%E4%BE%8B
资源https://patch-diff.githubusercontent.com/FrontApps/microfrontends#%E8%B5%84%E6%BA%90
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#为什么微前端开始在流行web-应用的聚合
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端遗留系统迁移
Mooahttps://github.com/phodal/mooa
微前端的那些事儿https://github.com/phodal/microfrontend
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#后端解耦前端聚合
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#兼容遗留系统
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#实施微前端的六种方式
微前端https://github.com/phodal/microfrontends
Mooahttps://github.com/phodal/mooa
Single-SPAhttps://github.com/CanopyTax/single-spa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#基础铺垫应用分发路由---路由分发应用
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#后端函数调用---远程调用
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端组件调用---应用调用
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#路由分发式微前端
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#使用-iframe-创建容器
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/angular-tabs-example.png
Mooahttps://github.com/phodal/mooa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#自制框架兼容应用
Single-SPAhttps://github.com/CanopyTax/single-spa
Mooahttps://github.com/phodal/mooa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#组合式集成将应用微件化
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/angular-split-code-compare.jpg
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#纯-web-components-技术构建
oanhttps://github.com/phodal/oan
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/web-components-architecture.png
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#结合-web-components-构建
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#在-web-components-中集成现有框架
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#集成在现有框架中的-web-components
Stencilhttps://github.com/ionic-team/stencil
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#复合型
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端架构选型指南
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#快速选型指南图
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/choice-your-microservices.png
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端方案的对比简要对比
mooahttps://github.com/phodal/mooa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端方案的对比复杂方式
文章https://www.softwarearchitekt.at/post/2017/12/28/a-software-architect-s-approach-towards-using-angular-and-spas-in-general-for-microservices-aka-microfrontends.aspx
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/choice-your-microservices.png
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#如何解构单体前端应用前端应用的微服务式拆分
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端微服化
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#独立开发
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#独立部署
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#我们真的需要技术无关吗
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#不影响用户体验
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端的设计理念
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#设计理念一中心化路由
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#设计理念二标识化应用
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#设计理念三生命周期
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#设计理念四独立部署与配置自动化
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#实战微前端架构设计
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/mooa-graph.jpg
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/mooa-app.jpg
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/workflow.png
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#独立部署与配置自动化
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#应用间路由事件
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#大型-angular-应用微前端的四种拆分策略
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端微服务化路由懒加载及其变体
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微服务化方案子应用模式
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#方案对比
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/angular-split-code-compare.jpg
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#标准-lazyload
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#lazyload-变体-1构建时集成
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#lazyload-变体-2构建后集成
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端微服务化
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#总对比
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端微服务化使用微前端框架-mooa-开发微前端应用
single-spahttps://github.com/CanopyTax/single-spa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#mooa-概念
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端主工程创建
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#mooa-子应用创建
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#导航到特定的子应用
http://mooa.phodal.com/http://mooa.phodal.com/
https://github.com/phodal/mooahttps://github.com/phodal/mooa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#前端微服务化使用特制的-iframe-微服务化-angular-应用
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#iframe-微服务架构设计
如何解构单体前端应用——前端应用的微服务式拆分https://www.phodal.com/blog/how-to-build-a-microfrontend-framework-mooa/
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/mooa-graph.jpg
https://patch-diff.githubusercontent.com/FrontApps/microfrontends/blob/master/imgs/mooa-app.jpg
Mooahttps://github.com/phodal/mooa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端框架-mooa-的特制-iframe-模式
https://github.com/phodal/mooahttps://github.com/phodal/mooa
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#微前端框架-mooa-iframe-通讯机制
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#发布主应用事件
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#监听子应用事件
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#示例
https://github.com/phodal/mooa-boilerplatehttps://github.com/phodal/mooa-boilerplate
https://patch-diff.githubusercontent.com/FrontApps/microfrontends#资源
MDN 影子DOM（Shadow DOM）https://developer.mozilla.org/zh-CN/docs/Web/Web_Components/%E5%BD%B1%E5%AD%90_DOM
Web Componentshttps://developer.mozilla.org/zh-CN/docs/Web/Web_Components
Shadow DOM v1：独立的网络组件https://developers.google.com/web/fundamentals/web-components/shadowdom?hl=zh-cn
microfrontend.cn/https://microfrontend.cn/
Readme https://patch-diff.githubusercontent.com/FrontApps/microfrontends#readme-ov-file
Please reload this pagehttps://patch-diff.githubusercontent.com/FrontApps/microfrontends
Activityhttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/activity
Custom propertieshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/custom-properties
0 starshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/stargazers
1 watchinghttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/watchers
0 forkshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/forks
Report repository https://patch-diff.githubusercontent.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2FFrontApps%2Fmicrofrontends&report=FrontApps+%28user%29
Releaseshttps://patch-diff.githubusercontent.com/FrontApps/microfrontends/releases
Packages 0https://patch-diff.githubusercontent.com/orgs/FrontApps/packages?repo_name=microfrontends
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.