基于Nginx路由分发式的微前端系统及其开发、部署方法技术方案

本发明专利技术提供了一种基于Nginx路由分发式的微前端系统及，其主要通过路由将不同的业务分发到不同的、独立前端应用上，通过nginx的反向代理来实现。本发明专利技术实现了不同类型或者相同类型的前端框架结合访问，解决了旧系统更新、技术更新、代码耦合度高的问题，能够独立部署和开发，使代码简洁、解耦、更易维护，提高开发效率和用户体验。

Micro front end system based on nginx routing distribution and its development and deployment method

【技术实现步骤摘要】
基于Nginx路由分发式的微前端系统及其开发、部署方法
本专利技术属于微前端
，具体涉及一种基于Nginx路由分发式的微前端系统及其开发、部署方法。
技术介绍
随着微服务架构的流行，企业内部IT资源和业务应用变得逐渐丰富，这在很大程度上提升了企业业务效能，前端技术栈日新月异，随着新技术和新框架的推出，如何在维护好遗留系统的前提下，提高开发效率、质量、用户体验，成为每个团队需要认真对待的问题。
技术实现思路
有鉴于此，本专利技术的目的在于提供一种基于Nginx路由分发式的微前端系统及其开发、部署方法，解决了旧系统更新、技术更新、代码耦合度高的问题。为实现上述目的，本专利技术采用如下技术方案：一种基于Nginx路由分发式的微前端系统，包括若干相互独立的相同或不同的前端框架工程，所述的工程之间基于路由通过nginx进行应用跳转。进一步的，所述前端框架工程包括前端angular框架工程和前端react框架工程。进一步的，所述前端angular框架工程以angular框架为主体，使用history本文档来自技高网...

【技术保护点】
1.一种基于Nginx路由分发式的微前端系统，其特征在于：包括若干相互独立的相同或不同的前端框架工程，所述的工程之间基于路由通过nginx进行应用跳转。/n

【技术特征摘要】
1.一种基于Nginx路由分发式的微前端系统，其特征在于：包括若干相互独立的相同或不同的前端框架工程，所述的工程之间基于路由通过nginx进行应用跳转。


2.根据权利要求1所述的基于Nginx路由分发式的微前端系统，其特征在于：所述前端框架工程包括前端angular框架工程和前端react框架工程。


3.根据权利要求2所述的基于Nginx路由分发式的微前端系统，其特征在于：所述前端angular框架工程以angular框架为主体，使用history路由模式，以nodejs为运行环境，使用gulp为构建工具，以gitlab为存储环境，使用jenkins为发布工具。


4.根据权利要求2所述的基于Nginx路由分发式的微前端系统，其特征在于：所述前端react框架工程以react框架为主体，使用hash路由模式，以nodejs为运行环境，使用webpack为构建工具，以gitlab为存储环境，使用jenkins为发布工具。


5.根据权利要求1-4任一所述的基于Nginx路由分发式的微前端系统，其特征在于：不同的前端工程同时使用history路由模式或hash路由模式，或者分别使用history路由模式和hash路由模式。


6.一种基于Nginx路由分发式的微前端系统的开发方法，其特征在于，包括以下步骤：
步骤A1：建立angular工程，用于提供angular运行环境，默认使用history路由模式，...

【专利技术属性】
技术研发人员：江琳，雷向应，吴华添，
申请(专利权)人：厦门靠谱云股份有限公司，
类型：发明
国别省市：福建;35