标签: 架构

一.什么是微前端“微前端架构”就是构建基于微服务的前端应用架构。其思想是将前端应用切分为一系列可以单独部署的松耦合的应用，然后将这些应用组装起来创建单个面向用户的应用程序。二.微前端的优势降低代码耦合独立开发、独立部署增量升级：微前端是一种非常好的实施渐进式重构的手段和策略独立运行时，每个微应用之间状态隔离，运行时状态不共享团队可以按照业务垂直拆分更高效三、微前端是一种前端架构模式，它将Web应用程序拆分为一组小型、可独立开发和部署的模块，每个模块可以由不同的团队开发和维护。这种模块化的架构可以帮助开发团队降低Web应用程序的规模和复杂度，从而提高应用程序的可维护性和可扩展性。微前端的概念最早由ThoughtWorks公司的技术总监CamJackson在2016年提出。他认为，微前端可以帮助团队将大型Web应用程序拆分为小型模块，从而更好地满足不同业务需求，提高应用程序的可维护性和可扩展性。自此之后，微前端逐渐成为了一种前端技术趋势，得到了越来越多的关注和支持。微前端的背景源于大型Web应用程序的发展和演进。随着Web应用程序的规模和复杂度的不断增加，前端开发团队面临越来越多的挑战，例如开发和维护难度大、代码耦合度高、性能问题等等。微前端通过将Web应用程序拆分为小型、可独立开发和部署的模块，从而降低了这些挑战的难度，提高了Web应用程序的可维护性和可扩展性。四、微前端的挑战包括：技术复杂度：微前端需要使用一些新的技术和工具来实现模块化开发、模块间通信和集成等功能，需要开发团队具备一定的技术实力和经验。项目规模限制：微前端适用于大型Web应用程序，但对于小型应用程序，可能会带来过度的复杂度和不必要的开销。性能问题：微前端需要在运行时动态加载模块，可能会影响应用程序的性能和响应速度，需要通过一些优化措施来解决。跨域问题：微前端需要在不同的域名下部署不同的模块，可能会带来跨域问题，需要通过一些跨域解决方案来解决。五、micro模块micro-app是京东零售推出的一款微前端框架，它基于类WebComponent进行渲染，从组件化的思维实现微前端，旨在降低上手难度、提升工作效率。它是目前接入微前端成本最低的框架，并且提供了JS沙箱、样式隔离、元素隔离、预加载、资源地址补全、插件系统、数据通信等一系列完善的功能。MicroApp借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类WebComponent组件，实现微前端的组件化渲染。在此基础上，通过实现JS隔离、样式隔离、路由隔离，降低子应用的接入成本，子应用只需设置允许跨域请求，不需要改动任何代码即可接入微前端，使用方式和iframe几乎一致，但却没有iframe存在的问题。用于给应用赋能微前端，使其成为主应用，能够内部接入子应用。入口index.js：用于和主应用初始化接入；appConfigs.js：用于配置要接入子应用的相关信息；commonApi.js：公用的接口函数，透传给子应用使用；appTemplate.vue：子应用展示容器，类似于iframe效果；router.js：主应用中处理过后的子应用路由地址，最后合并接入到主应用路由文件。六、集成与部署策略在微前端架构中，集成与部署策略是至关重要的。以下是一些常见的集成与部署策略：构建时集成：在主应用的构建过程中，将微应用的代码打包到主应用的代码中。这种方式适用于微应用较少且更新不频繁的情况。运行时集成：主应用在运行时动态加载微应用的代码。这种方式可以实现微应用的独立部署和按需加载，适用于微应用较多且更新频繁的情况。独立部署：每个微应用都可以独立部署，主应用通过配置来管理微应用的版本和加载地址。这种方式可以实现微应用的并行开发和持续集成/持续部署（CI/CD），提高开发效率。容器化部署：使用Docker等容器化技术将每个微应用打包成容器进行部署。这种方式可以实现微应用的环境隔离和弹性扩展。

本书通过梳理大型网站技术发展历程，剖析大型网站技术架构模式，深入讲述大型互联网架构设计的核心原理，并通过一组典型网站技术架构设计案例，为读者呈现一幅包括技术选型、架构设计、性能优化、Web安全、系统发布、运维监控等在内的大型网站开发全景视图。本书不仅适用于指导网站工程师、架构师进行网站技术架构设计，也可用于指导产品经理、项目经理、测试运维人员等了解网站技术架构的基础概念;还可供包括企业系统开发人员在内的各类软件开发从业人员借鉴，了解大型网站的解决方案和开发理念。

今天给大家讲讲关于多级网关与多级缓存架构的相关知识，在文章里面，我将从0到1带着大家构建基础服务接口，通过层层递进优化服务，使得服务具备多级缓存的特性，并融合OpenResty拓展一个强大的多级网关+多级缓存的技术架构。以下就是代码实战展示：引入springboot3的maven依赖，本质上作为pom引入，直接管理他的版本号，后续用到啥组件直接拿来即用：<dependencies>  <!--引入SpringBoot依赖-->  <dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter</artifactId>  </dependency>  <dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-web</artifactId>  </dependency>  <dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-configuration-processor</artifactId>  </dependency>  <dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-aop</artifactId>  </dependency>  <dependency>    <groupId>org.springframework.boot</groupId>    <artifactId>spring-boot-starter-jdbc</artifactId>  </dependency></dependencies>dependencyManagement依赖管理全代码依赖配置如下：<!--  使用dependencyManagement的目的是为了保证当前父工程的干净，  也就是说父工程他只负责对依赖（坐标）的管理，以及依赖的版本管理，而不会去引入额外的jar依赖  如此一来，父工程的职责就相当的单一了，而且也符合面向对象的理念，是一种父子一来继承的关系  依赖的导入只有在各自的子工程中才会导入。--><dependencyManagement>  <dependencies>    <!--mysql驱动-->    <dependency>      <groupId>mysql</groupId>      <artifactId>mysql-connector-java</artifactId>      <version>8.0.33</version>    </dependency>    <!--持久层mybatis-->    <dependency>      <groupId>com.baomidou</groupId>      <artifactId>mybatis-plus-boot-starter</artifactId>      <version>3.5.0</version>    </dependency>    <dependency>      <groupId>com.github.pagehelper</groupId>      <artifactId>pagehelper-spring-boot-starter</artifactId>      <version>1.4.1</version>    </dependency>    <!--jackson-->    <dependency>      <groupId>com.fasterxml.jackson.core</groupId>      <artifactId>jackson-core</artifactId>      <version>2.14.2</version>    </dependency>    <dependency>      <groupId>com.fasterxml.jackson.core</groupId>      <artifactId>jackson-annotations</artifactId>      <version>2.14.2</version>    </dependency>    <dependency>      <groupId>com.fasterxml.jackson.core</groupId>      <artifactId>jackson-databind</artifactId>      <version>2.14.2</version>    </dependency>    <!--apache工具类-->    <dependency>      <groupId>commons-codec</groupId>      <artifactId>commons-codec</artifactId>      <version>1.15</version>    </dependency>    <dependency>      <groupId>org.apache.commons</groupId>      <artifactId>commons-lang3</artifactId>      <version>3.12.0</version>    </dependency>    <dependency>      <groupId>commons-fileupload</groupId>      <artifactId>commons-fileupload</artifactId>      <version>1.4</version>    </dependency>    <dependency>      <groupId>commons-io</groupId>      <artifactId>commons-io</artifactId>      <version>2.11.0</version>    </dependency>    <dependency>      <groupId>org.apache.httpcomponents</groupId>      <artifactId>httpclient</artifactId>      <version>4.5.13</version>    </dependency>    <!--google工具类-->    <dependency>      <groupId>com.google.guava</groupId>      <artifactId>guava</artifactId>      <version>28.2-jre</version>    </dependency>  </dependencies></dependencyManagement>使用zaddzset10value120value230value3：设置member和对应的分数zrangezset0-1：查看所有zset中的内容zrangezset0-1withscores：带有分数zrankzsetvalue：获得对应的下标zscorezsetvalue：获得对应的分数zcardzset：统计个数zcountzset分数1分数2：统计个数zrangebyscorezset分数1分数2：查询分数之间的member(包含分数1分数2)zrangebyscorezset(分数1(分数2：查询分数之间的member（不包含分数1和分数2）zrangebyscorezset分数1分数2limitstartend：查询分数之间的member(包含分数1分数2)，获得的结果集再次根据下标区间做查询zremzsetvalue：删除member在common中引入的坐标依赖<dependency>  <groupId>org.apache.commons</groupId>  <artifactId>commons-lang3</artifactId></dependency><dependency>  <groupId>com.fasterxml.jackson.core</groupId>  <artifactId>jackson-core</artifactId></dependency><dependency>  <groupId>com.fasterxml.jackson.core</groupId>  <artifactId>jackson-annotations</artifactId></dependency><dependency>  <groupId>com.fasterxml.jackson.core</groupId>  <artifactId>jackson-databind</artifactId></dependency><dependency>  <groupId>com.fasterxml.jackson.datatype</groupId>  <artifactId>jackson-datatype-jsr310</artifactId></dependency>迭代查询代码，一级缓存与二级缓存结合:@GetMapping("query")publicObjectquery(Stringid){  StringarticleKey="article:"+id;  StringarticleKeyRedis="REDIS_ARTICLE:"+id;  Articlearticle=cache.get(articleKey,s->{    System.out.println("文章id为"+id+"的没有查询到，则从Redis中查询后返回...");    ArticlearticleReal=null;    StringarticleJsonStr=redis.get(articleKeyRedis);    //判断从redis中查询到的文章数据是否为空    if(StringUtils.isBlank(articleJsonStr)){      System.out.println("Redis中不存在该文章，将从数据库中查询...");      //如果为空，则进入本条件，则从数据库中查询数据      articleReal=articleService.queryArticleDetail(id);      //手动把文章数据设置到redis中，后续再次查询则有值      StringarticleJson=JsonUtils.objectToJson(articleReal);      redis.set(articleKeyRedis,articleJson);    }else{      System.out.println("Redis中存在该文章，将直接返回...");      //如果不为空，则直接转换json类型article再返回即可      articleReal=JsonUtils.jsonToPojo(articleJsonStr,Article.class);    }    returnarticleReal;  });  returnarticle;}本文到此结束，感谢大家的阅读！

学完《C++微服务架构及安全云盘项目实训》课，您将学到：从实践中理解软件工程，学习需求分析、架构设计、详细设计文档的编写，学习编程规范，了解多人协作开发策略，理解并引用软件的版本管理，熟悉git工具和软件发布管理流程，bug管理提交问题。课程大纲：第一阶段环境准备开发工具安装、系统和虚拟机安装、sdk库编译安装代码规范说明(参考google代码规范)版本管理讲解，使用git第二阶段原型开发不做设计、不用框架、直接基于qt+libevent开发出云盘的后端和前端上传下载和目录功能教会同学碰到需求如何思考开发出原型第三阶段0.1版本微服务框架编写需求分析、架构设计、详细设计文档完成版本管理策略完成主体框架开发，基于libevent第四阶段1.0版本微服务框架完成微服务架构完成基于protobuf的通信RPC模块完成公共服务(认证、日志、监控)第五阶段1.1版本微服务框架添加加密和压缩通信，完成后端服务注册和管理，完成服务的自动启动和停止管理优化负载均衡，完成运维管理第六阶段基于框架安全云盘的业务功能支持高并发的文件上传下载，支持秒传和文件完整性校验，支持文件加密存储和传输，支持图片视频生成缩略图，支持视频生成gif预览动画，支持文件共享和分发第七阶段学员独立微服务开发辅导安全云盘扩展功能，可以是前端或者是后端服务直播评审学员代码

介绍计算机操作系统级架构的书籍

分享课程——C++微服务架构及安全云盘项目实训，包含课程配套资料下载。本课程从实践中理解软件工程，学习需求分析、架构设计、详细设计文档的编写，学习编程规范，了解多人协作开发策略，理解并引用软件的版本管理，熟悉git工具和软件发布管理流程，bug管理提交问题。

云计算：概念、技术与架构-(计算机科学丛书)-[美]ThomasErl-[英]ZaighamMahmood-[巴西]RicardoPuttini

Serverless从入门到进阶：架构、原理与实践-(云计算与虚拟化技术丛书)-方坤丁-孙远高

大数据技术体系详解：原理、架构与实践-(大数据技术丛书)-董西成（mobi格式，附阅读器安装程序）

分布式服务架构：原理、设计与实战-李艳鹏-杨彪

大话计算机：计算机系统底层架构原理极限剖析 卷1

鲲鹏架构入门与实战-张磊（epub格式，附阅读器安装程序）

企业大数据系统构建实战：技术、架构、实施与应用-(大数据技术丛书)-吕兆星

大话计算机：计算机系统底层架构原理极限剖析

03AUTOSAR分层架构_625841

13ECU软件的AUTOSAR分层架构_625851

10基于AUTOSAR架构的控制系统开发流程_625848

游戏引擎架构-[美]JasonGregory

基于配置信息动态压缩的可重构架构优化.pdf

多种中值滤波算法在可重构架构上的映射实现_通信论文