随着企业规模和业务的不断发展，许多企业集团拥有客户服务中心系统、用户中心系统、结算中心系统、物流中心系统等多种应用和系统……。由于历史原因，这些系统具有独立的访问域名和入口、独立的操作界面和背景，给企业的管理和运维带来了巨大的挑战，主要包括以下几点：
1. 许多用户需要保存并记录多个网站，因为每个应用系统的入口不统一。
2. 每个系统都有自己独立的用户账户管理，账户不统一。
3. 当每个系统之间切换时，需要反复登录。
4. 每个系统的UI界面与操作风格不一致。
为解决上述问题，可采取以下策略：
1. 创建统一的管理平台，用户只需记录统一管理平台的地址即可。
2. 统一账户，由统一管理平台统一维护所有账户信息，包括注册、权限和信息维护。
3. 统一登录，即只需在统一的管理平台上登录一次，不需要在不同的应用系统之间重复登录。
4. 各应用系统必须遵守统一的视觉和交互，创建统一的UI设计规范和交互规范。
方案一:各系统完全独立的方案
统一设计
无论是单页应用，每个应用程序和系统都是完全独立开发的，技术方案和选择都没有限制（SPA）或者多页应用(MPA)，无论是REACT, VUE, ANGULAR还是Jquery。 只需遵守设计规范，确保各系统的UI风格和交互统一。
该方案更适合每个应用程序非常独立，从前端到后端服务都属于业务方，业务方相对独立，没有集中管理的需求。
通过CDN，每个系统都可以加载统一的CSS风格，JS脚本实现了风格和交互方式的统一。
方案二：Iframe方案用户可以通过嵌入Iframe在当前系统页面中查看其他系统页面的内容，iframe本身具有100%的隔离性(CSS风格的自然隔离，JS脚本)，具有技术栈无关等优点。
iframe方案
<iframe src="http://example.com" />
劣势：
1. iframe 用户体验差，页面加载慢，双滚动条会出现；
2. 内蒙层不能覆盖外框，布局也不能居中；
3. iframe 内部路由跳转，不会影响外部路由地址，不能记住当前访问的页面地址，刷新页面时，iframe回到以前的页面。
4. 由于完全的运行环境隔离，数据同步增加了成本，通常使用 postMessage 解决复杂通信问题。Safari 11后默认禁止跨站跟踪，强制隔离同域cookie，localstorage，一些导致应用程序的功能，如同步登录，不易使用。
方案三：微前端方案微前端是什么：微前端是通过路由监控和接管的主要应用程序（统一后台）， 运行时子应用(中心网站)的内容动态加载相应地址(HTML/JS/CSS)， 一种在主应用容器中运行的架构方案。
微前端
微前端特点：
1. 与技术栈无关
2. 独立部署子应用
3. 用户体验良好，不刷新整个页面，子应用与主应用无缝连接，主应用对子应用可控，子应用可获得主应用资源（看起来像应用程序），可通过主应用程序进行数据通信。
4. 当主应用程序加载子应用程序需要子应用程序部署支持跨域时，当子应用程序在主应用程序容器中运行时，子应用程序要求子应用程序的后端API也需要子应用程序的后端API来支持跨域。
5. 主要应用程序和子应用程序需要按照统一的规则开发（通过约定的命名空间避免CSS风格冲突），并进行联合调整测试（可能有更多的访问问题）
6. 将一个大项目(巨石应用)分成许多不同的技术栈，独立存储，独立部署小型应用。
7. 传统多页应用不适合接入MPA
声明：易商讯尊重创作版权。本文信息搜集、整理自互联网，若有来源标记错误或侵犯您的合法权益，请联系我们。我们将及时纠正并删除相关讯息，非常感谢！
