SpringCloud学习笔记(一)微服务介绍、服务拆分和RestTemplate远程调用、Eureka注册中心

文章目录

  • 1 认识微服务
    • 1.1 单体架构
    • 1.2 分布式架构
    • 1.3 微服务
    • 1.4 SpringCloud
    • 1.5 总结
  • 2 服务拆分与远程调用
    • 2.1 服务拆分原则
    • 2.2 服务拆分示例
      • 2.2.1 搭建项目
      • 2.2.2 创建数据库和表
      • 2.2.3 实现远程调用
        • 2.2.3.1 需求描述
        • 2.2.3.2 注册RestTemplate
        • 2.2.3.3 实现远程调用
      • 2.2.4 提供者与消费者
  • 3 Eureka注册中心
    • 3.1 Eureka的结构和作用
    • 3.2 搭建eureka-server服务
      • 3.2.1 创建eureka-server模块
      • 3.2.2 引入eureka-server依赖
      • 3.2.3 编写启动类
      • 3.2.4 编写配置文件
      • 3.2.5 启动服务
    • 3.3 注册user-service服务
      • 3.3.1 引入eureka-client依赖
      • 3.3.2 修改配置文件
      • 3.3.3 启动服务
      • 3.3.4 启动多个user-service实例
    • 3.4 服务发现
      • 3.4.1 引入eureka-client依赖
      • 3.4.2 修改配置文件
      • 3.4.3 服务拉取和负载均衡
      • 3.4.4 功能测试

1 认识微服务

1.1 单体架构

单体架构即将业务的所有功能集中在一个项目中开发,打成一个包进行部署。

单体架构的优缺点如下:

优点:

  • 架构简单
  • 部署成本低

缺点:

  • 耦合度高(维护困难、升级困难)

1.2 分布式架构

分布式架构即根据业务功能对系统做拆分,每个业务功能模块作为独立项目开发,称为一个服务。

分布式架构的优缺点:

优点:

  • 降低服务耦合
  • 有利于服务升级和拓展

缺点:

  • 服务调用关系错综复杂
  • 要考虑的问题多:服务拆分的粒度如何界定?服务之间如何调用?服务的调用关系如何管理?

为此,我们需要制定一套行之有效的标准来规范分布式框架。

1.3 微服务

微服务的架构特征:

  • 单一职责:微服务拆分粒度更小,每一个服务都对应唯一的业务能力,做到单一职责
  • 自治:团队独立、技术独立、数据独立,独立部署和交付
  • 面向服务:服务提供统一标准的接口,与语言和技术无关
  • 隔离性强:服务调用做好隔离、容错、降级,避免出现级联问题

微服务的上述特性其实是在给分布式架构制定一个标准,进一步降低服务之间的耦合度,提供服务的独立性和灵活性,做到高内聚、低耦合

因此,可以认为微服务是一种经过良好架构设计的分布式架构方案 。

但方案该怎么落地?选用什么样的技术栈?全球的互联网公司都在积极尝试自己的微服务落地方案。

其中在Java领域最引人注目的就是SpringCloud提供的方案了。

1.4 SpringCloud

SpringCloud是目前国内使用最广泛的微服务框架,其官网地址:https://spring.io/projects/spring-cloud。

SpringCloud集成了各种微服务功能组件,并基于SpringBoot实现了这些组件的自动装配,从而提供了良好的开箱即用体验。

其中常见的组件包括:

另外,SpringCloud底层是依赖于SpringBoot的,并且有版本的兼容关系,如下:

该学习笔记使用的版本是 Hoxton.SR10,对应的SpringBoot版本是2.3.x版本。

1.5 总结

  • 单体架构:简单方便,高度耦合,扩展性差,适合小型项目。例如:学生管理系统

  • 分布式架构:松耦合,扩展性好,但架构复杂,难度大。适合大型互联网项目,例如:京东、淘宝

  • 微服务:一种良好的分布式架构方案

    • 优点:拆分粒度更小、服务更独立、耦合度更低
    • 缺点:架构非常复杂,运维、监控、部署难度提高
    • SpringCloud是微服务架构的一站式解决方案,集成了各种优秀微服务功能组件

2 服务拆分与远程调用

2.1 服务拆分原则

微服务进行服务时应遵循以下几个原则:

  • 不同微服务,不要重复开发相同业务
  • 微服务数据独立,不要访问其它微服务的数据库
  • 微服务可以将自己的业务暴露为接口,供其它微服务调用

2.2 服务拆分示例

2.2.1 搭建项目

下面创建一个示例项目,项目结构如下:

  • sc-demo:父工程,管理依赖
  • order-service:订单微服务,负责订单相关业务(8080端口)
  • user-service:用户微服务,负责用户相关业务(8081端口)

项目代码下载:https://gitee.com/weidag/springcloud_learning.git

要求:

  • 订单微服务和用户微服务都必须有各自的数据库,相互独立
  • 订单服务和用户服务都对外暴露Restful的接口
  • 订单服务如果需要查询用户信息,只能调用用户服务的Restful接口,不能查询用户数据库

2.2.2 创建数据库和表

  • 创建用户微服务的数据库和表:
CREATE DATABASE sc_user_db;
USE sc_user_db;

CREATE TABLE `tb_user` (
  `id` bigint NOT NULL AUTO_INCREMENT,
  `username` varchar(100) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci DEFAULT NULL COMMENT '收件人',
  `address` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci DEFAULT NULL COMMENT '地址',
  PRIMARY KEY (`id`) USING BTREE,
  UNIQUE KEY `username` (`username`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=109 DEFAULT CHARSET=utf8mb3 ROW_FORMAT=COMPACT;

INSERT INTO `tb_user` VALUES (1, '孙悟空', '湖南省衡阳市');
INSERT INTO `tb_user` VALUES (2, '猪八戒', '陕西省西安市');
INSERT INTO `tb_user` VALUES (3, '沙悟净', '湖北省十堰市');
INSERT INTO `tb_user` VALUES (4, '唐三藏', '天津市');
INSERT INTO `tb_user` VALUES (5, '白龙马', '辽宁省沈阳市大东区');
INSERT INTO `tb_user` VALUES (6, '唐太宗', '山东省青岛市');
  • 创建订单微服务的数据库和表:
CREATE DATABASE sc_order_db;
USE sc_order_db;

CREATE TABLE `tb_order` (
  `id` bigint NOT NULL AUTO_INCREMENT COMMENT '订单id',
  `user_id` bigint NOT NULL COMMENT '用户id',
  `name` varchar(100) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci DEFAULT NULL COMMENT '商品名称',
  `price` bigint NOT NULL COMMENT '商品价格',
  `num` int DEFAULT '0' COMMENT '商品数量',
  PRIMARY KEY (`id`) USING BTREE,
  UNIQUE KEY `username` (`name`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=109 DEFAULT CHARSET=utf8mb3 ROW_FORMAT=COMPACT;

INSERT INTO `tb_order` VALUES (101, 1, 'Apple 苹果 iPhone 12 ', 699900, 1);
INSERT INTO `tb_order` VALUES (102, 2, '雅迪 yadea 新国标电动车', 209900, 1);
INSERT INTO `tb_order` VALUES (103, 3, '骆驼(CAMEL)休闲运动鞋女', 43900, 1);
INSERT INTO `tb_order` VALUES (104, 4, '小米10 双模5G 骁龙865', 359900, 1);
INSERT INTO `tb_order` VALUES (105, 5, 'OPPO Reno3 Pro 双模5G 视频双防抖', 299900, 1);
INSERT INTO `tb_order` VALUES (106, 6, '美的(Midea) 新能效 冷静星II ', 544900, 1);
INSERT INTO `tb_order` VALUES (107, 2, '西昊/SIHOO 人体工学电脑椅子', 79900, 1);
INSERT INTO `tb_order` VALUES (108, 3, '梵班(FAMDBANN)休闲男鞋', 31900, 1);

订单表tb_order持有用户表tb_useruser_id字段。

2.2.3 实现远程调用

在user-service中,实现了一个根据id查询用户信息的接口:

启动user-service服务,调用该接口可以查询出对应的用户信息:

同样,在order-service中,实现了一个根据id查询订单信息的接口:

启动order-service服务,调用该接口可以查询出对应的订单信息:

可以发现,返回的订单信息中user字段为空。

2.2.3.1 需求描述

现有如下需求:在order-service服务中,根据id查询订单信息的同时,根据订单中包含的userId字段查询出用户信息,一起返回。

为此,我们需要在order-service服务中 向user-service服务发起一个http的请求,调用http://localhost:8090/user/{userId}这个接口根据id查询用户信息。

而要实现服务之间的调用,可以通过RestTemplate工具来实现。RestTemplate是从Spring3.0开始支持的一个HTTP请求工具,它提供了常见的REST请求方案的模版,例如GET请求、POST请求、PUT请求、DELETE请求等。

2.2.3.2 注册RestTemplate

在order-service服务的OrderApplication启动类中,注册RestTemplate:

// com.star.order.OrderApplication

@MapperScan("com.star.order.mapper")
@SpringBootApplication
public class OrderApplication {

    public static void main(String[] args) {
        SpringApplication.run(OrderApplication.class, args);
    }

    @Bean
    public RestTemplate restTemplate() {
        return new RestTemplate();
    }

}
2.2.3.3 实现远程调用

修改OrderService类的queryOrderById()方法,使用RestTemplate实现远程调用:

// com.star.order.service.OrderService

@Service
public class OrderService {

    @Autowired
    private OrderMapper orderMapper;

    @Autowired
    private RestTemplate restTemplate;

    public Order queryOrderById(Long orderId) {
        // 1.查询订单
        Order order = orderMapper.findById(orderId);
        // 2.远程查询用户信息
        String url = "http://127.0.0.1:8090/user/" + order.getUserId();
        User user = restTemplate.getForObject(url, User.class);
        order.setUser(user);
        // 3.返回
        return order;
    }
}

再次调用/order/{orderId}接口,查询对应的订单信息:

可以发现,返回的订单信息中user字段也一并被查询了出来,RestTemplate实现远程调用成功。

2.2.4 提供者与消费者

在本次服务调用关系中,有两个不同的角色:

服务提供者:一次业务中,被其它微服务调用的服务,即user-service服务。(提供接口给其它微服务)
服务消费者:一次业务中,调用其它微服务的服务,即order-service服务。

但是,服务提供者与服务消费者的角色并不是绝对的,而是相对于业务而言,例如order-service服务既可以是服务消费者,也可以是服务提供者给user-service服务调用。

3 Eureka注册中心

假如user-service服务部署了多个实例,如图:

那么这就产生了几个问题:

  • order-service服务在发起远程调用的时候,该如何得知user-service实例的ip地址和端口?
  • 有多个user-service实例地址,order-service调用时该如何选择?
  • order-service如何得知某个user-service实例是否依然健康,是不是已经宕机?

3.1 Eureka的结构和作用

这些问题都需要利用SpringCloud中的注册中心来解决,也就是Eureka,其结构如下:

问题1:order-service服务在发起远程调用的时候,该如何得知user-service实例的ip地址和端口?

  • 1)user-service服务实例启动后,将自己的信息注册到eureka-server(Eureka服务端),即服务注册;
  • 2)eureka-server保存服务名称到服务实例地址列表的映射关系;
  • 3)order-service根据服务名称,拉取实例地址列表,即服务发现或服务拉取。

问题2:有多个user-service实例地址,order-service调用时该如何选择?

  • 1)order-service从实例列表中利用负载均衡算法选中一个实例地址;
  • 2)向该实例地址发起远程调用。

问题3:order-service如何得知某个user-service实例是否依然健康,是不是已经宕机?

  • 1)user-service会每隔一段时间(默认30秒)向eureka-server发起请求,报告自己状态,称为心跳;
  • 2)当超过一定时间没有发送心跳时,eureka-server会认为微服务实例故障,将该实例从服务列表中剔除;
  • 3)order-service拉取服务时,就能将故障实例排除了。

3.2 搭建eureka-server服务

3.2.1 创建eureka-server模块

注册中心eureka-server服务,必须是一个独立的微服务,因此在父工程sc_demo下创建一个子模块:

3.2.2 引入eureka-server依赖

// sc_demo\eureka-server\pom.xml

<dependency>
    <groupId>org.springframework.cloud</groupId>
    <artifactId>spring-cloud-starter-netflix-eureka-server</artifactId>
</dependency>

3.2.3 编写启动类

和普通的SpringBoot启动类不同的是,该启动类需要添加@EnableEurekaServer注解,以开启eureka的注册中心功能:

// com.star.eureka.EurekaApplication

@SpringBootApplication
@EnableEurekaServer
public class EurekaApplication {

    public static void main(String[] args) {
        SpringApplication.run(EurekaApplication.class, args);
    }
}

3.2.4 编写配置文件

sc_demo\eureka-server\src\main\resources目录下创建一个application.yml文件,内容如下:

server:
  port: 10086
spring:
  application:
    name: eureka-server
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka

3.2.5 启动服务

启动微服务,然后在浏览器访问:http://127.0.0.1:10086,出现以下界面就说明注册中心eureka-server服务创建成功了。

3.3 注册user-service服务

接下来将user-service服务注册到eureka-server服务中。

3.3.1 引入eureka-client依赖

在user-service服务中,引入eureka-client依赖:

// sc_demo\user-service\pom.xml

<dependency>
    <groupId>org.springframework.cloud</groupId>
    <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
</dependency>

3.3.2 修改配置文件

在user-service服务中,修改application.yml文件,添加服务名称、eureka-server地址:

// sc_demo\user-service\src\main\resources\application.yml

spring:
  application:
    name: user-service
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka

3.3.3 启动服务

启动user-service服务,查看eureka-server管理页面,可以发现user-service服务已经注册到了eureka-server服务中:

3.3.4 启动多个user-service实例

在IDEA上再启动一个user-service实例,配置其端口为8082。启动后查看eureka-server管理页面,可以发现此时有2个user-service服务(端口分别是8081和8082)注册到了eureka-server服务中:

3.4 服务发现

接下来,修改order-service的逻辑:向eureka-server拉取user-service的信息,实现服务发现。

3.4.1 引入eureka-client依赖

在order-service服务中,引入eureka-client依赖:

// sc_demo\order-service\pom.xml

<dependency>
    <groupId>org.springframework.cloud</groupId>
    <artifactId>spring-cloud-starter-netflix-eureka-client</artifactId>
</dependency>

3.4.2 修改配置文件

在order-service服务中,修改application.yml文件,添加服务名称、eureka-server地址:

// sc_demo\order-service\src\main\resources\application.yml

spring:
  application:
    name: order-service
eureka:
  client:
    service-url:
      defaultZone: http://127.0.0.1:10086/eureka

3.4.3 服务拉取和负载均衡

在order-service的OrderApplication启动类中,给RestTemplate这个Bean添加一个@LoadBalanced注解,以启用负载均衡:

// com.star.order.OrderApplication

@Bean
@LoadBalanced
public RestTemplate restTemplate() {
    return new RestTemplate();
}

修改order-service的OrderService类中的queryOrderById()方法,修改访问的url路径,用服务名代替ip、端口

// order-service#com.star.order.service.OrderService#queryOrderById()

// 2.远程查询用户信息
// String url = "http://127.0.0.1:8081/user/" + order.getUserId();
// 使用服务名代替ip和端口
String url = "http://user-service/user/" + order.getUserId();

这样配置之后,会根据user-service这个服务名称,从erueka-server中获取实例列表,而后完成负载均衡。

3.4.4 功能测试

重启order-service服务,会发现该服务也注册到了erueka-server中:

调用/order/102接口,查询用户信息的请求分发到了8081端口的user-service:

调用/order/101接口,查询用户信息的请求分发到了8082端口的user-service:

本节完,更多内容请查阅分类专栏:SpringCloud学习笔记

本文涉及代码下载地址:https://gitee.com/weidag/springcloud_learning.git

感兴趣的读者还可以查阅我的另外几个专栏:

  • SpringBoot源码解读与原理分析(已完结)
  • MyBatis3源码深度解析(已完结)
  • Redis从入门到精通(已完结)
  • MyBatisPlus详解(已完结)
  • 再探Java为面试赋能(持续更新中…)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/583774.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【网络】HTTP协议

文章目录 一. 认识 URL1. URL 初识2. URL 的组成① 协议名称② 域名③ 端口号④ 文件路径⑤ 查询参数 3. URL中的字符3.1 合法字符3.2 保留字符3.3 其他字符3.4 URL中的字符总结 二. HTTP 协议1. HTTP 介绍2. 请求报文2.1 请求报文的格式2.2 请求方法介绍2.3 请求报文中常见的 …

【LeetCode:1103. 分糖果 II + 模拟】

&#x1f680; 算法题 &#x1f680; &#x1f332; 算法刷题专栏 | 面试必备算法 | 面试高频算法 &#x1f340; &#x1f332; 越难的东西,越要努力坚持&#xff0c;因为它具有很高的价值&#xff0c;算法就是这样✨ &#x1f332; 作者简介&#xff1a;硕风和炜&#xff0c;…

CUDA架构介绍与设计模式解析

文章目录 **CUDA**架构介绍与设计模式解析**1** CUDA 介绍CUDA发展历程CUDA主要特性CUDA系统架构CUDA应用场景编程语言支持CUDA计算过程线程层次存储层次 **2** CUDA 系统架构分层架构并行计算模式生产-消费者模式工作池模式异步编程模式 **3** CUDA 中的设计模式工厂模式策略模…

电脑技巧:推荐一款非常好用的媒体播放器PotPlayer

目录 一、 软件简介 二、功能介绍 2.1 格式兼容性强 2.2 高清播放与硬件加速 2.3 自定义皮肤与界面布局 2.4 多音轨切换与音效增强 2.5 字幕支持与编辑 2.6 视频截图与录像 2.7 网络流媒体播放 三、软件特色 四、使用技巧 五、总结 一、 软件简介 PotPlayer播放器 …

【MATLAB源码-第201期】基于matlab的黏菌群优化算法(SMA)无人机三维路径规划,输出做短路径图和适应度曲线

操作环境&#xff1a; MATLAB 2022a 1、算法描述 黏菌优化算法&#xff08;Slime Mould Algorithm, SMA&#xff09;是一种新颖的启发式优化方法&#xff0c;其灵感来源于自然界中的真菌——黏菌。这种算法模拟了黏菌在寻找食物时的行为和网络形成策略。在本文中&#xff0c…

【Linux】yum、vim

&#x1f308;个人主页&#xff1a;秦jh__https://blog.csdn.net/qinjh_?spm1010.2135.3001.5343&#x1f525; 系列专栏&#xff1a;https://blog.csdn.net/qinjh_/category_12625432.html 目录 Linux 软件包管理器 yum 什么是软件包 查看软件包 如何安装软件 如何卸载软…

网络安全的重要性及人才需求

安全现在是大趋势&#xff0c;说是铁饭碗也不为过&#xff0c;就业前景好&#xff0c;方向多比传统计算机行业就业舒服点。但是大厂依然是985&#xff0c;211的天下&#xff0c;是双非能进大厂的&#xff0c;只是凤毛麟角。前提是你的能力可以让公司忽略你的学历。 以2023年为…

【华为】VRRP的实验配置

【华为】VRRP的实验配置 实验需求拓扑LSW 3LSW 1基础配置VRRPDHCPOSPF默认路由 LSW 2基本配置VRRPDHCPOSPF默认路由 R1ISPPC1PC2 测试上网VRRP实验需求监视端口 配置文档 实验需求 ① 该公司有市场部和技术部&#xff0c;分别划在VLAN 10 和 VLAN 20里面 ② 此时为了网络的稳…

万兆以太网MAC设计(12)万兆UDP协议栈上板与主机网卡通信

文章目录 一、设置IP以及MAC二、上板效果2.1、板卡与主机数据回环测试2.2、板卡满带宽发送数据 一、设置IP以及MAC 顶层模块设置源MAC地址 module XC7Z100_Top#(parameter P_SRC_MAC 48h01_02_03_04_05_06,parameter P_DST_MAC 48hff_ff_ff_ff_ff_ff )(input …

双目深度估计原理立体视觉

双目深度估计原理&立体视觉 0. 写在前面1. 双目估计的大致步骤2. 理想双目系统的深度估计公式推导3. 双目标定公式推导4. 极线校正理论推导 0. 写在前面 双目深度估计是通过两个相机的对同一个点的视差来得到给该点的深度。 标准系统的双目深度估计的公式推导需要满足:1)两…

ASR语音转录Prompt优化

ASR语音转录Prompt优化 一、前言 在ASR转录的时候&#xff0c;我们能很明显的感受到有时候语音识别不是很准确&#xff0c;这过程中常见的文本错误主要可以归纳为以下几类&#xff1a; 同音错误&#xff08;Homophone Errors&#xff09; 同音错误发生在不同词语发音相似或相…

Modelsim自动仿真平台的搭建

Modelsim自动仿真平台的搭建 如果要搭建自动仿真平台脚本那就需要更改下面3个文件。run_simulation.bat、complie.do和wave.do文件。注&#xff1a;前提是安装了modulsim并且配置好了环境变量&#xff0c;这里不过多介绍。 一、下面是run_simulation.bat文件的内容 : 注释的…

MySQL-查询数据-练习

练习 1.创建一个查询&#xff0c;显示收入超过 12,000 的雇员的名字和薪水。 select LAST_NAME,SALARY from employees where SALARY > 12000;2.创建一个查询&#xff0c;显示雇员号为 176 的雇员的名字和部门号。 select LAST_NAME,DEPARTMENT_ID from employees where …

前端vue如何生成二维码

有时候有需要链接直接生成二维码在手机上看的需求&#xff0c;比如下载&#xff0c;比如信息&#xff0c;比如excel 下面先引入包 import QRCode from qrcode; 然后上代码 // 将res转换成二维码const qrCodeData JSON.stringify(res); // 将res转换为字符串作为二维码数据// …

WebSocket 全面解析

&#x1f31f; 引言 WebSocket&#xff0c;一个让实时通信变得轻而易举的神器&#xff0c;它打破了传统HTTP协议的限制&#xff0c;实现了浏览器与服务器间的全双工通信。想象一下&#xff0c;即时消息、在线游戏、实时股票报价…这一切都离不开WebSocket的魔力&#x1f4ab;。…

xLua热更新解决方案

图中灰色的无法实现热更新&#xff0c;而Lua代码可以打包成AB包&#xff0c;并上传到资源服务器&#xff0c; 当进入游戏检测是否有资源需要更新&#xff0c;需要则会从资源服务器下载。 学习目标 1.导入xLua框架 2.C#调用Lua 3.Lua调用C# 4.xLua热补丁 xLua框架导入和AB…

什么是网络安全等级保护测评(等保测评)?

什么是网络安全等级保护测评&#xff08;等保测评&#xff09;呢&#xff1f;今天永恒无限就为大家介绍下网络安全等级保护测评&#xff08;等保测评&#xff09; 网络安全等级保护测评&#xff08;等保测评&#xff09;是指对信息和信息系统按照重要性等级进行的保护测评。它…

爱普生晶振在物联网LoRa通讯中的应用

LoRa 是LPWAN通信技术中的一种&#xff0c;是美国Semtech公司采用和推广的一种基于扩频技术的超远距离无线传输方案。这一方案改变了以往关于传输距离与功耗的折衷考虑方式&#xff0c;为用户提供一种简单的能实现远距离、长电池寿命、大容量的系统&#xff0c;进而扩展传感网络…

C语言:项目实践(贪吃蛇)

前言&#xff1a; 相信大家都玩过贪吃蛇这款游戏吧&#xff0c;贪吃蛇是久负盛名的游戏&#xff0c;它也和俄罗斯方块&#xff0c;扫雷等游戏位列经典游戏的行列&#xff0c;那贪吃蛇到底是怎么实现的呢&#xff1f; 今天&#xff0c;我就用C语言带着大家一起来实现一下这款游戏…

Golang Colly爬取图片gorm存储数据

语言:Golang 库:Iris/Colly/gorm 运行结果 text/html; charset=utf-8 It is image 20240429222029_0_0.jpg Saved file: images\20240429222029_0_0.jpg text/html; charset=utf-8 It is image 20240429222030_1_0.jpg Saved file: images\20240429222030_1_0.jpg It is ima…