草庐IT

微前端架构-qiankun在vue3的应用

本文章介绍了qiankun在vue3的应用,其中子应用有vue2、vue3、react、angular介绍qiankun是一个基于single-spa的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。其他几款([single-spa]、[micro-app]、[百度emp]])使用iframe整合系统时,假设我们有系统A,当我们想把系统B引入A系统时,只需要B系统提供一个url给A系统引用即可,这里我们把A系统叫做父应用,把B系统叫做子应用。同样的,微前端也延续了这个概念,微前端在使用起来基本和使用iframe一样平滑。结构主应用(父),微应用(子)案例一、主应用主应

如何将微前端项目部署在同一台服务器同一个端口下

作者:京东科技高飞前言本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案,现就一些重点步骤、碰到的问题做了一些总结。部署顺序因为线上部署主应用时需要用到子应用的线上可访问地址,因此部署顺序应该是先部署子应用,保证子应用能够线上可访问后,再将子应用的线上可访问地址配置到主应用,最后再将主应用部署到线上环境。部署分支线上环境部署统一用master分支的代码应用构建打包主应用构建打包主应用csd-tech-main-app基于ant-design-pro,需要在config目录中配置微前端项目的访问地址。在config目录下配置config.test.ts用于测试环境的打包配置,生产环境打包配

如何将微前端项目部署在同一台服务器同一个端口下

作者:京东科技高飞前言本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案,现就一些重点步骤、碰到的问题做了一些总结。部署顺序因为线上部署主应用时需要用到子应用的线上可访问地址,因此部署顺序应该是先部署子应用,保证子应用能够线上可访问后,再将子应用的线上可访问地址配置到主应用,最后再将主应用部署到线上环境。部署分支线上环境部署统一用master分支的代码应用构建打包主应用构建打包主应用csd-tech-main-app基于ant-design-pro,需要在config目录中配置微前端项目的访问地址。在config目录下配置config.test.ts用于测试环境的打包配置,生产环境打包配

SpringCloudAlibaba 微服务组件 Nacos 之配置中心源码深度解析

大家好,这篇文章跟大家聊下SpringCloudAlibaba中的微服务组件Nacos。Nacos既能做注册中心,又能做配置中心,这篇文章主要来聊下做配置中心时client端的一些设计,主要从源码层面进行分析,相信看完这篇文章你对Nacosclient端的工作原理应该有比较深刻的了解。SpringCloud应用启动拉去配置我们之前写过一篇文章,介绍了一些Spring提供的扩展机制。其中说到了ApplicationContextInitializer,该扩展是在上下文准备阶段(prepareContext),容器刷新之前做一些初始化工作,比如我们常用的配置中心client基本都是继承该初始化器,

SpringCloudAlibaba 微服务组件 Nacos 之配置中心源码深度解析

大家好,这篇文章跟大家聊下SpringCloudAlibaba中的微服务组件Nacos。Nacos既能做注册中心,又能做配置中心,这篇文章主要来聊下做配置中心时client端的一些设计,主要从源码层面进行分析,相信看完这篇文章你对Nacosclient端的工作原理应该有比较深刻的了解。SpringCloud应用启动拉去配置我们之前写过一篇文章,介绍了一些Spring提供的扩展机制。其中说到了ApplicationContextInitializer,该扩展是在上下文准备阶段(prepareContext),容器刷新之前做一些初始化工作,比如我们常用的配置中心client基本都是继承该初始化器,

微服务组件-----Spring Cloud Alibaba 注册中心 Nacos源码(1.4.x版本)分析

 核心功能点【1】服务注册:NacosClient会通过发送REST请求的方式向NacosServer注册自己的服务,提供自身的元数据,比如ip地址、端口等信息。NacosServer接收到注册请求后,就会把这些元数据信息存储在一个双层的内存Map中。【2】服务心跳:在服务注册后,NacosClient会维护一个定时心跳来持续通知NacosServer,说明服务一直处于可用状态,防止被剔除。默认5s发送一次心跳。【3】服务同步:NacosServer集群之间会互相同步服务实例,用来保证服务信息的一致性。  【4】服务发现:服务消费者(NacosClient)在调用服务提供者的服务时,会发送一个

微服务组件-----Spring Cloud Alibaba 注册中心 Nacos源码(1.4.x版本)分析

 核心功能点【1】服务注册:NacosClient会通过发送REST请求的方式向NacosServer注册自己的服务,提供自身的元数据,比如ip地址、端口等信息。NacosServer接收到注册请求后,就会把这些元数据信息存储在一个双层的内存Map中。【2】服务心跳:在服务注册后,NacosClient会维护一个定时心跳来持续通知NacosServer,说明服务一直处于可用状态,防止被剔除。默认5s发送一次心跳。【3】服务同步:NacosServer集群之间会互相同步服务实例,用来保证服务信息的一致性。  【4】服务发现:服务消费者(NacosClient)在调用服务提供者的服务时,会发送一个

微服务组件---- Spring Cloud Alibaba 链路追踪 skywalking 详解

skywalking是什么【1】skywalking是分布式系统的应用程序性能监视工具,专为微服务、云原生架构和基于容器(Docker、K8s、Mesos)架构而设计。SkyWalking是观察性分析平台和应用性能管理系统,提供分布式追踪、服务网格遥测分析、度量聚合和可视化一体化解决方案。【2】主要流程为采集数据——》传输数据——》存储数据——》分析数据——》监控报警。 Skywalking整体架构【1】图示:     【2】整个架构分成四部分:  1.上部分Agent:负责从应用中,收集链路信息,发送给SkyWalkingOAP服务器;  2.下部分SkyWalkingOAP:负责接收Age

微服务组件---- Spring Cloud Alibaba 链路追踪 skywalking 详解

skywalking是什么【1】skywalking是分布式系统的应用程序性能监视工具,专为微服务、云原生架构和基于容器(Docker、K8s、Mesos)架构而设计。SkyWalking是观察性分析平台和应用性能管理系统,提供分布式追踪、服务网格遥测分析、度量聚合和可视化一体化解决方案。【2】主要流程为采集数据——》传输数据——》存储数据——》分析数据——》监控报警。 Skywalking整体架构【1】图示:     【2】整个架构分成四部分:  1.上部分Agent:负责从应用中,收集链路信息,发送给SkyWalkingOAP服务器;  2.下部分SkyWalkingOAP:负责接收Age

微服务组件--注册中心Spring Cloud Eureka分析

Eureka核心功能点【1】服务注册(register):EurekaClient会通过发送REST请求的方式向EurekaServer注册自己的服务,提供自身的元数据,比如ip地址、端口、运行状况指标的url、主页地址等信息。EurekaServer接收到注册请求后,就会把这些元数据信息存储在一个双层的Map中。【2】服务续约(renew):在服务注册后,EurekaClient会维护一个心跳来持续通知EurekaServer,说明服务一直处于可用状态,防止被剔除。EurekaClient在默认的情况下会每隔30秒(eureka.instance.leaseRenewalIntervalIn