Spring Boot + RabbitMQ发送邮件(保证消息 100% 投递成功并被消费)

超、凢脫俗 2021-08-19 11:23 294阅读 0赞

一、先扔一张图

![format_png][]

**说明:**

本文涵盖了关于RabbitMQ很多方面的知识点, 如:

*  消息发送确认机制
 *  消费确认机制
 *  消息的重新投递
 *  消费幂等性, 等等

这些都是围绕上面那张整体流程图展开的, 所以有必要先贴出来, 见图知意

### 二、实现思路 ###

*  简略介绍163邮箱授权码的获取
 *  编写发送邮件工具类
 *  编写RabbitMQ配置文件
 *  生产者发起调用
 *  消费者发送邮件
 *  定时任务定时拉取投递失败的消息, 重新投递
 *  各种异常情况的测试验证
 *  拓展: 使用动态代理实现消费端幂等性验证和消息确认(ack)

### 三、项目介绍 ###

*  `Spring Boot`版本`2.1.5.RELEASE`, 旧版本可能有些配置属性不能使用, 需要以代码形式进行配置
 *  `RabbitMQ`版本`3.7.15`
 *  `MailUtil`: 发送邮件工具类
 *  `RabbitConfig`: rabbitmq相关配置
 *  `TestServiceImpl`: 生产者, 发送消息
 *  `MailConsumer`: 消费者, 消费消息, 发送邮件
 *  `ResendMsg`: 定时任务, 重新投递发送失败的消息

> 说明: 上面是核心代码, `MsgLogService mapper xml`等均未贴出, 完整代码可以参考我的GitHub, 欢迎fork, https://github.com/wangzaiplus/springboot/tree/wxw

### 四、代码实现 ###

163邮箱授权码的获取, 如图:

![format_png 1][]

该授权码就是配置文件`spring.mail.password`需要的密码

`2. pom`

<dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-amqp</artifactId>
      </dependency>
            
    <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-mail</artifactId>
    </dependency>

3. rabbitmq、邮箱配置
    spring.rabbitmq.host=localhost
    spring.rabbitmq.port=5672
    spring.rabbitmq.username=guest
    spring.rabbitmq.password=guest
    
    spring.rabbitmq.publisher-confirms=true
    
    spring.rabbitmq.publisher-returns=true
    
    spring.rabbitmq.listener.simple.acknowledge-mode=manual
    spring.rabbitmq.listener.simple.prefetch=100
    
    
    spring.mail.host=smtp.163.com
    spring.mail.username=18621142249@163.com
    spring.mail.password=123456wangzai
    spring.mail.from=18621142249@163.com
    spring.mail.properties.mail.smtp.auth=true
    spring.mail.properties.mail.smtp.starttls.enable=true
    spring.mail.properties.mail.smtp.starttls.required=true

> 说明: `password`即授权码, `username`和`from`要一致

4. 表结构

CREATE TABLE `msg_log` (
      `msg_id` varchar(255) NOT NULL DEFAULT '' COMMENT '消息唯一标识',
      `msg` text COMMENT '消息体, json格式化',
      `exchange` varchar(255) NOT NULL DEFAULT '' COMMENT '交换机',
      `routing_key` varchar(255) NOT NULL DEFAULT '' COMMENT '路由键',
      `status` int(11) NOT NULL DEFAULT '0' COMMENT '状态: 0投递中 1投递成功 2投递失败 3已消费',
      `try_count` int(11) NOT NULL DEFAULT '0' COMMENT '重试次数',
      `next_try_time` datetime DEFAULT NULL COMMENT '下一次重试时间',
      `create_time` datetime DEFAULT NULL COMMENT '创建时间',
      `update_time` datetime DEFAULT NULL COMMENT '更新时间',
      PRIMARY KEY (`msg_id`),
      UNIQUE KEY `unq_msg_id` (`msg_id`) USING BTREE
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='消息投递日志';

> 说明: `exchange routing_key`字段是在定时任务重新投递消息时需要用到的

`5. MailUtil`

@Component
    @Slf4j
    public class MailUtil {
    
        @Value("${spring.mail.from}")
        private String from;
    
        @Autowired
        private JavaMailSender mailSender;
    
        
        public boolean send(Mail mail) {
            String to = mail.getTo();
            String title = mail.getTitle();
            String content = mail.getContent();
    
            SimpleMailMessage message = new SimpleMailMessage();
            message.setFrom(from);
            message.setTo(to);
            message.setSubject(title);
            message.setText(content);
    
            try {
                mailSender.send(message);
                log.info("邮件发送成功");
                return true;
            } catch (MailException e) {
                log.error("邮件发送失败, to: {}, title: {}", to, title, e);
                return false;
            }
        }
    
    }

`6. RabbitConfig`

@Configuration
    @Slf4j
    public class RabbitConfig {
    
        @Autowired
        private CachingConnectionFactory connectionFactory;
    
        @Autowired
        private MsgLogService msgLogService;
    
        @Bean
        public RabbitTemplate rabbitTemplate() {
            RabbitTemplate rabbitTemplate = new RabbitTemplate(connectionFactory);
            rabbitTemplate.setMessageConverter(converter());
    
            
            rabbitTemplate.setConfirmCallback((correlationData, ack, cause) -> {
                if (ack) {
                    log.info("消息成功发送到Exchange");
                    String msgId = correlationData.getId();
                    msgLogService.updateStatus(msgId, Constant.MsgLogStatus.DELIVER_SUCCESS);
                } else {
                    log.info("消息发送到Exchange失败, {}, cause: {}", correlationData, cause);
                }
            });
    
            
            rabbitTemplate.setMandatory(true);
            
            rabbitTemplate.setReturnCallback((message, replyCode, replyText, exchange, routingKey) -> {
                log.info("消息从Exchange路由到Queue失败: exchange: {}, route: {}, replyCode: {}, replyText: {}, message: {}", exchange, routingKey, replyCode, replyText, message);
            });
    
            return rabbitTemplate;
        }
    
        @Bean
        public Jackson2JsonMessageConverter converter() {
            return new Jackson2JsonMessageConverter();
        }
    
        
        public static final String MAIL_QUEUE_NAME = "mail.queue";
        public static final String MAIL_EXCHANGE_NAME = "mail.exchange";
        public static final String MAIL_ROUTING_KEY_NAME = "mail.routing.key";
    
        @Bean
        public Queue mailQueue() {
            return new Queue(MAIL_QUEUE_NAME, true);
        }
    
        @Bean
        public DirectExchange mailExchange() {
            return new DirectExchange(MAIL_EXCHANGE_NAME, true, false);
        }
    
        @Bean
        public Binding mailBinding() {
            return BindingBuilder.bind(mailQueue()).to(mailExchange()).with(MAIL_ROUTING_KEY_NAME);
        }
    
    }

`7. TestServiceImpl`生产消息

@Service
    public class TestServiceImpl implements TestService {
    
        @Autowired
        private MsgLogMapper msgLogMapper;
    
        @Autowired
        private RabbitTemplate rabbitTemplate;
    
        @Override
        public ServerResponse send(Mail mail) {
            String msgId = RandomUtil.UUID32();
            mail.setMsgId(msgId);
    
            MsgLog msgLog = new MsgLog(msgId, mail, RabbitConfig.MAIL_EXCHANGE_NAME, RabbitConfig.MAIL_ROUTING_KEY_NAME);
            msgLogMapper.insert(msgLog);
    
            CorrelationData correlationData = new CorrelationData(msgId);
            rabbitTemplate.convertAndSend(RabbitConfig.MAIL_EXCHANGE_NAME, RabbitConfig.MAIL_ROUTING_KEY_NAME, MessageHelper.objToMsg(mail), correlationData);
    
            return ServerResponse.success(ResponseCode.MAIL_SEND_SUCCESS.getMsg());
        }
    
    }

`8. MailConsumer`消费消息, 发送邮件

@Component
    @Slf4j
    public class MailConsumer {
    
        @Autowired
        private MsgLogService msgLogService;
    
        @Autowired
        private MailUtil mailUtil;
    
        @RabbitListener(queues = RabbitConfig.MAIL_QUEUE_NAME)
        public void consume(Message message, Channel channel) throws IOException {
            Mail mail = MessageHelper.msgToObj(message, Mail.class);
            log.info("收到消息: {}", mail.toString());
    
            String msgId = mail.getMsgId();
    
            MsgLog msgLog = msgLogService.selectByMsgId(msgId);
            if (null == msgLog || msgLog.getStatus().equals(Constant.MsgLogStatus.CONSUMED_SUCCESS)) {
                log.info("重复消费, msgId: {}", msgId);
                return;
            }
    
            MessageProperties properties = message.getMessageProperties();
            long tag = properties.getDeliveryTag();
    
            boolean success = mailUtil.send(mail);
            if (success) {
                msgLogService.updateStatus(msgId, Constant.MsgLogStatus.CONSUMED_SUCCESS);
                channel.basicAck(tag, false);
            } else {
                channel.basicNack(tag, false, true);
            }
        }
    
    }

> 说明: 其实就完成了3件事: 1.保证消费幂等性, 2.发送邮件, 3.更新消息状态, 手动ack

`9. ResendMsg`定时任务重新投递发送失败的消息

@Component
    @Slf4j
    public class ResendMsg {
    
        @Autowired
        private MsgLogService msgLogService;
    
        @Autowired
        private RabbitTemplate rabbitTemplate;
    
        
        private static final int MAX_TRY_COUNT = 3;
    
        
        @Scheduled(cron = "0/30 * * * * ?")
        public void resend() {
            log.info("开始执行定时任务(重新投递消息)");
    
            List<MsgLog> msgLogs = msgLogService.selectTimeoutMsg();
            msgLogs.forEach(msgLog -> {
                String msgId = msgLog.getMsgId();
                if (msgLog.getTryCount() >= MAX_TRY_COUNT) {
                    msgLogService.updateStatus(msgId, Constant.MsgLogStatus.DELIVER_FAIL);
                    log.info("超过最大重试次数, 消息投递失败, msgId: {}", msgId);
                } else {
                    msgLogService.updateTryCount(msgId, msgLog.getNextTryTime());
    
                    CorrelationData correlationData = new CorrelationData(msgId);
                    rabbitTemplate.convertAndSend(msgLog.getExchange(), msgLog.getRoutingKey(), MessageHelper.objToMsg(msgLog.getMsg()), correlationData);
    
                    log.info("第 " + (msgLog.getTryCount() + 1) + " 次重新投递消息");
                }
            });
    
            log.info("定时任务执行结束(重新投递消息)");
        }
    
    }

> 说明: 每一条消息都和`exchange routingKey`绑定, 所有消息重投共用这一个定时任务即可

### 五、基本测试 ###

OK, 目前为止, 代码准备就绪, 现在进行正常流程的测试

发送请求:

![format_png 2][]

后台日志:

![format_png 3][]

数据库消息记录:

![format_png 4][]

状态为3, 表明已消费, 消息重试次数为0, 表明一次投递就成功了

查看邮箱

![format_png 5][]

发送成功

### 六、各种异常情况测试 ###

步骤一罗列了很多关于RabbitMQ的知识点, 很重要, 很核心, 而本文也涉及到了这些知识点的实现, 接下来就通过异常测试进行验证(这些验证都是围绕本文开头扔的那张流程图展开的, 很重要, 所以, 再贴一遍)

![format_png][]

验证消息发送到Exchange失败情况下的回调, 对应上图`P -> X`

如何验证? 可以随便指定一个不存在的交换机名称, 请求接口, 看是否会触发回调

![format_png 6][]

发送失败, 原因: `reply-code=404, reply-text=NOT_FOUND - no exchange 'mail.exchangeabcd' in vhost '/'`, 该回调能够保证消息正确发送到Exchange, 测试完成

验证消息从Exchange路由到Queue失败情况下的回调, 对应上图`X -> Q`

同理, 修改一下路由键为不存在的即可, 路由失败, 触发回调

![format_png 7][]

发送失败, 原因: `route: mail.routing.keyabcd, replyCode: 312, replyText: NO_ROUTE`

验证在手动ack模式下, 消费端必须进行手动确认(ack), 否则消息会一直保存在队列中, 直到被消费, 对应上图`Q -> C`

将消费端代码`channel.basicAck(tag, false);// 消费确认`注释掉, 查看控制台和rabbitmq管控台

![format_png 8][]

![format_png 9][]

可以看到, 虽然消息确实被消费了, 但是由于是手动确认模式, 而最后又没手动确认, 所以, 消息仍被rabbitmq保存, 所以, 手动ack能够保证消息一定被消费, 但一定要记得`basicAck`

**验证消费端幂等性**

接着上一步, 去掉注释, 重启服务器, 由于有一条未被ack的消息, 所以重启后监听到消息, 进行消费, 但是由于消费前会判断该消息的状态是否未被消费, 发现`status=3`, 即已消费, 所以, 直接`return`, 这样就保证了消费端的幂等性, 即使由于网络等原因投递成功而未触发回调, 从而多次投递, 也不会重复消费进而发生业务异常

![format_png 10][]

**验证消费端发生异常消息也不会丢失**

很显然, 消费端代码可能发生异常, 如果不做处理, 业务没正确执行, 消息却不见了, 给我们感觉就是消息丢失了, 由于我们消费端代码做了异常捕获, 业务异常时, 会触发: `channel.basicNack(tag, false, true);`, 这样会告诉rabbitmq该消息消费失败, 需要重新入队, 可以重新投递到其他正常的消费端进行消费, 从而保证消息不被丢失

测试: send方法直接返回false即可(这里跟抛出异常一个意思)

![format_png 11][]

可以看到, 由于`channel.basicNack(tag, false, true)`, 未被ack的消息(unacked)会重新入队并被消费, 这样就保证了消息不会走丢

**验证定时任务的消息重投**

实际应用场景中, 可能由于网络原因, 或者消息未被持久化MQ就宕机了, 使得投递确认的回调方法`ConfirmCallback`没有被执行, 从而导致数据库该消息状态一直是`投递中`的状态, 此时就需要进行消息重投, 即使也许消息已经被消费了

定时任务只是保证消息100%投递成功, 而多次投递的消费幂等性需要消费端自己保证

我们可以将回调和消费成功后更新消息状态的代码注释掉, 开启定时任务, 查看是否重投

![format_png 12][]

![format_png 13][]

可以看到, 消息会重投3次, 超过3次放弃, 将消息状态置为投递失败状态, 出现这种非正常情况, 就需要人工介入排查原因

### 七、拓展: 使用动态代理实现消费端幂等性验证和消费确认(ack) ###

不知道大家发现没有, 在`MailConsumer`中, 真正的业务逻辑其实只是发送邮件`mailUtil.send(mail)`而已, 但我们又不得不在调用`send`方法之前校验消费幂等性, 发送后, 还要更新消息状态为"已消费"状态, 并手动ack, 实际项目中, 可能还有很多生产者-消费者的应用场景, 如记录日志, 发送短信等等, 都需要rabbitmq, 如果每次都写这些重复的公用代码, 没必要, 也难以维护, 所以, 我们可以将公共代码抽离出来, 让核心业务逻辑只关心自己的实现, 而不用做其他操作, 其实就是AOP

为达到这个目的, 有很多方法, 可以用spring aop, 可以用拦截器, 可以用静态代理, 也可以用动态代理, 在这里, 我用的是动态代理

目录结构如下:

![format_png 14][]

核心代码就是代理的实现, 这里就不把所有代码贴出来了, 只是提供一个思路, 我们要尽可能地把代码写的更简洁更优雅

### 八、总结 ###

发送邮件其实很简单, 但深究起来其实有很多需要注意和完善的点, 一个看似很小的知识点, 也可以引申出很多问题, 甚至涉及到方方面面, 这些都需要自己踩坑, 当然我这代码肯定还有很多不完善和需要优化的点, 希望小伙伴多多提意见和建议

我的代码都是经过自测验证过的, 图也都是一点一点自己画的或认真截的, 希望小伙伴能学到一点东西, 路过的点个赞或点个关注呗, 谢谢

项目**Github**, 欢迎`fork`  
https://github.com/wangzaiplus/springboot/tree/wxw

**- END -**

**推****荐****阅****读 **

***1.*** [Java 线程有哪些不太为人所知的技巧与用法？][Java]

***2. ***[关于 CPU 的一些基本知识总结][CPU]

***3.*** [发布没有答案的面试题，都是耍流氓][Link 1]

***4.*** [什么是一致性 Hash 算法？][Hash]

***5.***  [团队开发中 Git 最佳实践][Git]

![format_png 15][]

**喜****欢****文****章****，****点****个****在看 **![format_png 16][]

[format_png]: /images/20210731/629623be01b24f399a0dc3cee3c1e7c2.png
[format_png 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUszQm9MOGR2WlVVVXBYOHBoYlBEWWhxNHpiaWN2dnc1cWJWVWljd1Q3MGN3cWljUEhDaWN2Tm1razBBLzY0MA?x-oss-process=image/format,png
[format_png 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUt5NWtKVmljUjhqQ2VFM0lmZ0RuTjYwcG9PUmVReXBCemliYTNXT0dnWXpFd3JBQ01uYnRjNTU5US82NDA?x-oss-process=image/format,png
[format_png 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtZdHdSMW9yWDFubnpSN1A4aWNrbDNPMG5MSWpHdjBxZGxCZXZRZ015VFpMZ1hqVkR1U2lhU3lpYVEvNjQw?x-oss-process=image/format,png
[format_png 4]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtjZ2owSFhYOXRCaWNQVDVUR0tteDV0NU9FQ09aNU1PTnZ1dWlhYVFoTE1qN2ZJQVNpYWJOaWJlZTdnLzY0MA?x-oss-process=image/format,png
[format_png 5]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtYOEpKbFFJcnVTR1NqNU5ZaWN1MGlhQ3RHM3NScWliNHNIUzE1Rk1PR1kxbDhWRE1sMTJBVU5QbncvNjQw?x-oss-process=image/format,png
[format_png 6]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtWSGNueHZIN1pMejg3ZWtjeDEyMmEzNU5pYjlIbmFFeXR2dGpyUkFpYXp1Znd5UHR2SHZnZFhody82NDA?x-oss-process=image/format,png
[format_png 7]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUttTTMwNFhZaWF5N2w3U2NJSmhyaWFTZDFhb2ljSFdKQXAzRjlDYnIxbGR1d0dBT3NLNXJvcFh2NEEvNjQw?x-oss-process=image/format,png
[format_png 8]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUthNWRzT2hrVm9haWJVdE0zczdKNjNSSnpZN0Rqakc3NFZRSlRPcHlMVDZtUGIzZVpyZ0FCczhnLzY0MA?x-oss-process=image/format,png
[format_png 9]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUs0czdxMkplVkJ3d2dMa1E4MjVJcmljbExqV29mN0JpY2JhZmZJMG9lYU5sdmpiV09uMWdRRVptZy82NDA?x-oss-process=image/format,png
[format_png 10]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtwNHNrNGljdzdyenA0QWZ3aktqVkdDY05lS0pmTXc2YnNmaWJoSGljVUxHQ2NlWjBhVkFMRWlhSGRRLzY0MA?x-oss-process=image/format,png
[format_png 11]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtxNUJHUFdMd1k5eExFVTNpYUMxd1AxREpkaWNWdTcxd3h6YVp1V2djcWxTQ0tpYWdFeEIzOGlicGRnLzY0MA?x-oss-process=image/format,png
[format_png 12]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtpYkY1WkZuSXF2aERnU3BNSUVUdGt0bVY0SVhxVTIxWHY4ZnRFckV4U1l5QUFxQ21McWVUZktBLzY0MA?x-oss-process=image/format,png
[format_png 13]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUtVdU1kT2VCdHVhQzdWQkpaMUxFV3hUY1U4MG4ydTBmQjZ1bkpMTDRpYnJXdDNzUjdKZ3pMZjB3LzY0MA?x-oss-process=image/format,png
[format_png 14]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X3BuZy9vVEtIYzZGOHRzaFo5N2RXREFmUTBPVmRRaWFSWVY1dUs4aWNsd2tueEsxRmVVd2ZEa3U5MTY4aWNZc204VEcyNW5tWkcxcEU0YlpCUkJETVNwRU9UMnlFQS82NDA?x-oss-process=image/format,png
[Java]: http://mp.weixin.qq.com/s?__biz=Mzg2MjEwMjI1Mg%3D%3D&chksm=ce0da912f97a20040306ecea7c9bab624b977db09530d8ecc44744db3e0bfd9f7256d74f649b&idx=1&mid=2247491217&scene=21&sn=ad5c5fdfe9ab6b0887bf018dbaeeef63#wechat_redirect
[CPU]: http://mp.weixin.qq.com/s?__biz=Mzg2MjEwMjI1Mg%3D%3D&chksm=ce0da912f97a2004cafe484009991ae286109577b8f98f7d3c49baf421e2fde376e7275ea543&idx=3&mid=2247491217&scene=21&sn=9b6304b968c9b34518a6d0125ef327c6#wechat_redirect
[Link 1]: http://mp.weixin.qq.com/s?__biz=Mzg2MjEwMjI1Mg%3D%3D&chksm=ce0da9aef97a20b895da6050e31a53328154ecd8932008b147227d8bede434fb87899be23b4c&idx=1&mid=2247491117&scene=21&sn=b1050e3674c5259cae4f3fe79aca0c70#wechat_redirect
[Hash]: https://blog.csdn.net/qq_37217713/article/details/103535328
[Git]: https://blog.csdn.net/qq_37217713/article/details/102481709
[format_png 15]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9vVEtIYzZGOHRzaGlhRVQyZVMwU2NnRXM5ejl6dTdpYU9EWjRiYkxmRUkwNmQ3ZE5RaWNTalR4YjFGWWNaUVVWcm9saWJXRE41WWliMWliUXZ6NnFCaWNEOGJJeXcvNjQw?x-oss-process=image/format,png
[format_png 16]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9tbWJpei5xcGljLmNuL21tYml6X2pwZy9DMXVETURxam4xOXd0dVFwSzNqbUpXM2JGR1dJOFl6NkZSMTd0bDFNRjhWZnFZeFB4OTkwa3YySjc0THZxd2liMjZLYXlIZE9YZDZlYnpycVlpYmJUand3LzY0MA?x-oss-process=image/format,png