小帽学堂

29. 删除视频接口

// src\views\edu\course\chapter.vue
// 点击x调用的方法// 点击确定调用的方法handleVodRemove() {// 调用接口的删除视频方法video.deleteAliyunvod(this.video.videoSourceId).then(response => {// 提示信息this.$message({type: 'success',message: '删除小节成功!'});// 把文件列表清空this.fileList = []// 把video视频id和视频名称值清空// 上传视频id赋值this.video.videoSourceId = ''// 上传视频名称赋值this.video.videoOriginalName = ''})},// 点击x调用的方法beforeVodRemove(file, fileList) {return this.$confirm(`确定移除 ${file.name}?`)},
// src\api\edu\course.js
import request from '@/utils/request'export default {// 删除课程deleteCourseId(id) {return request({url: `/eduservice/course/${id}`,method: 'delete'})},
}
@RestController
@RequestMapping("/eduvod/video")
@CrossOrigin
public class VodController {@Autowiredprivate VodService vodService;// 根据视频id删除阿里云视频@DeleteMapping("removeAlyVideo/{id}")public R removeAlyVideo(@PathVariable String id) {try {// 初始化对象DefaultAcsClient client = InitVodClient.initVodClient(ConstantVodUtils.ACCESS_KEY_ID, ConstantVodUtils.ACCESS_KEY_SECRET);// 创建删除视频的request对象DeleteVideoRequest request = new DeleteVideoRequest();// 向request设置视频idrequest.setVideoIds(id);// 调用初始化对象的方法实现删除client.getAcsResponse(request);return R.ok();} catch (Exception e) {e.printStackTrace();throw new LemonException(20001, "删除视频失败");}}
}

十六、微服务

1. 微服务概念介绍

  • 微服务的由来

    • 微服务最早由Martin Fowler与James Lewis于2014年共同提出,微服务架构风格是一种使用一套小服务来开发单个应用的方式途径,每个服务运行在自己的进程中,并使用轻量级机制通信,通常是HTTP API,这些服务基于业务能力构建,并能够通过自动化部署机制来独立部署,这些服务使用不同的编程语言实现,以及不同数据存储技术,并保持最低限度的集中式管理。
  • 为什么需要微服务
    • 在传统的IT行业软件大多都是各种独立系统的堆砌,这些系统的问题总结来说就是扩展性差,可靠性不高,维护成本高。到后面引入了SOA服务化,但是,由于 SOA 早期均使用了总线模式,这种总线模式是与某种技术栈强绑定的,比如:J2EE。这导致很多企业的遗留系统很难对接,切换时间太长,成本太高,新系统稳定性的收敛也需要一些时间。
  • 微服务与单体架构区别
    • 单体架构所有的模块全都耦合在一块,代码量大,维护困难。

      • 微服务每个模块就相当于一个单独的项目,代码量明显减少,遇到问题也相对来说比较好解决。
    • 单体架构所有的模块都共用一个数据库,存储方式比较单一。
      • 微服务每个模块都可以使用不同的存储方式(比如有的用redis,有的用mysql等),数据库也是单个模块对应自己的数据库。
    • 单体架构所有的模块开发所使用的技术一样。
      • 微服务每个模块都可以使用不同的开发技术,开发模式更灵活。
  • 微服务本质
    • 微服务,关键其实不仅仅是微服务本身,而是系统要提供一套基础的架构,这种架构使得微服务可以独立的部署、运行、升级,不仅如此,这个系统架构还让微服务与微服务之间在结构上“松耦合”,而在功能上则表现为一个统一的整体。这种所谓的“统一的整体”表现出来的是统一风格的界面,统一的权限管理,统一的安全策略,统一的上线过程,统一的日志和审计方法,统一的调度方式,统一的访问入口等等。
    • 微服务的目的是有效的拆分应用,实现敏捷开发和部署 。
    • 微服务提倡的理念团队间应该是 inter-operate, not integrate 。inter-operate是定义好系统的边界和接口,在一个团队内全栈,让团队自治,原因就是因为如果团队按照这样的方式组建,将沟通的成本维持在系统内部,每个子系统就会更加内聚,彼此的依赖耦合能变弱,跨系统的沟通成本也就能降低。
  • 什么样的项目适合微服务
    • 微服务可以按照业务功能本身的独立性来划分,如果系统提供的业务是非常底层的,如:操作系统内核、存储系统、网络系统、数据库系统等等,这类系统都偏底层,功能和功能之间有着紧密的配合关系,如果强制拆分为较小的服务单元,会让集成工作量急剧上升,并且这种人为的切割无法带来业务上的真正的隔离,所以无法做到独立部署和运行,也就不适合做成微服务了。
  • 微服务开发框架
    • 目前微服务的开发框架,最常用的有以下四个:

      • Spring Cloud:http://projects.spring.io/spring-cloud(现在非常流行的微服务架构)
      • Dubbo:http://dubbo.io
      • Dropwizard:http://www.dropwizard.io (关注单个微服务的开发)
      • Consul、etcd&etc.(微服务的模块)

2. Spring Cloud 介绍

  • 什么是Spring Cloud

    • Spring Cloud是一系列框架的集合。它利用Spring Boot的开发便利性简化了分布式系统基础设施的开发,如服务发现、服务注册、配置中心、消息总线、负载均衡、 熔断器、数据监控等,都可以用Spring Boot的开发风格做到一键启动和部署。Spring并没有重复制造轮子,它只是将目前各家公司开发的比较成熟、经得起实际考验的服务框架组合起来,通过SpringBoot风格进行再封装屏蔽掉了复杂的配置和实现原理,最终给开发者留出了一套简单易懂、易部署和易维护的分布式系统开发工具包
  • Spring Cloud 和 Spring Boot 是什么关系
    • Spring Boot 是 Spring 的一套快速配置脚手架,可以基于Spring Boot 快速开发单个微服务,Spring Cloud是一个基于Spring Boot实现的开发工具;Spring Boot专注于快速、方便集成的单个微服务个体,Spring Cloud关注全局的服务治理框架; Spring Boot使用了默认大于配置的理念,很多集成方案已经帮你选择好了,能不配置就不配置,Spring Cloud很大的一部分是基于Spring Boot来实现,必须基于Spring Boot开发。可以单独使用Spring Boot开发项目,但是Spring Cloud离不开 Spring Boot。
  • Spring Cloud 相关基础服务组件
    • 服务发现——Netflix Eureka (Nacos
    • 服务调用——Netflix Feign
    • 熔断器——Netflix Hystrix
    • 服务网关——Spring Cloud GateWay
    • 分布式配置——Spring Cloud Config (Nacos
    • 消息总线 —— Spring Cloud Bus (Nacos
  • Spring Cloud的版本
    • Spring Cloud并没有熟悉的数字版本号,而是对应一个开发代号。
    • 小版本
      • SNAPSHOT: 快照版本,随时可能修改
      • M: MileStone,M1表示第1个里程碑版本,一般同时标注PRE,表示预览版版。
      • SR: Service Release,SR1表示第1个正式版本,一般同时标注GA:(GenerallyAvailable),表示稳定版本。
      • 开发代号看似没有什么规律,但实际上首字母是有顺序的,比如:Dalston版本,我们可以简称 D 版本,对应的 Edgware 版本我们可以简称 E 版本。
Cloud代号 Boot版本(train) Boot版本(tested) lifecycle
Angle 1.2.x incompatible with 1.3 EOL in July 2017
Brixton 1.3.x 1.4.x 2017-07卒
Camden 1.4.x 1.5.x -
Dalston 1.5.x not expected 2.x -
Edgware 1.5.x not expected 2.x -
Finchley 2.0.x not expected 1.5.x -
Greenwich 2.1.x
Hoxton 2.2.x

3. Nacos 注册中心介绍

  • Nacos 是阿里巴巴推出来的一个新开源项目,是一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。Nacos 致力于帮助您发现、配置和管理微服务。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据及流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。 Nacos 是构建以“服务”为中心的现代应用架构 (例如微服务范式、云原生范式) 的服务基础设施。
  • 常见的注册中心:
    • Eureka(原生,2.0遇到性能瓶颈,停止维护)
    • Zookeeper(支持,专业的独立产品。例如:dubbo)
    • Consul(原生,GO语言开发)
    • Nacos
      • 相对于 Spring Cloud Eureka 来说,Nacos 更强大。Nacos = Spring Cloud Eureka + Spring Cloud Config
      • Nacos 可以与 Spring, Spring Boot, Spring Cloud 集成,并能代替 Spring Cloud Eureka, Spring Cloud Config
      • 通过 Nacos Server 和 spring-cloud-starter-alibaba-nacos-discovery 实现服务的注册与发现。
  • Nacos是以服务为主要服务对象的中间件,Nacos支持所有主流的服务发现、配置和管理。
    • Nacos主要提供以下四大功能:

      • 服务发现和服务健康监测
      • 动态配置服务
      • 动态DNS服务
      • 服务及其元数据管理
  • Nacos结构图

4. Nacos 安装

  • 下载地址和版本

    • 下载地址:https://github.com/alibaba/nacos/releases
    • 下载版本:nacos-server-1.1.4.tar.gz或nacos-server-1.1.4.zip,解压任意目录即可
  • 启动nacos服务
    • Linux/Unix/Mac

      • 启动命令(standalone代表着单机模式运行,非集群模式)
      • 启动命令:sh startup.sh -m standalone
    • Windows
      • 启动命令:cmd startup.cmd 或者双击startup.cmd运行文件。
      • 访问:http://localhost:8848/nacos
      • 用户名密码:nacos/nacos

5. Nacos 服务注册

  • 在service模块配置pom

    • 配置Nacos客户端的pom依赖
    
    <!--服务注册-->
    <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId>
    </dependency>
    
  • 添加服务配置信息

    • 配置application.properties,在客户端微服务中添加注册Nacos服务的配置信息
    # nacos服务地址
    spring.cloud.nacos.discovery.server-addr=127.0.0.1:8848
    
  • 添加Nacos客户端注解

    • 在客户端微服务启动类中添加注解
    @EnableDiscoveryClient
    
  • 启动客户端微服务

    • 启动注册中心
    • 启动已注册的微服务,可以在Nacos服务列表中看到被注册的微服务

6. 删除小节删除视频(服务调用)

  • Feign

    • Feign是Netflix开发的声明式、模板化的HTTP客户端, Feign可以帮助我们更快捷、优雅地调用HTTP API。
    • Feign支持多种注解,例如Feign自带的注解或者JAX-RS注解等。
      Spring Cloud对Feign进行了增强,使Feign支持了Spring MVC注解,并整合了Ribbon和Eureka,从而让Feign的使用更加方便。
    • Spring Cloud Feign是基于Netflix feign实现,整合了Spring Cloud Ribbon和Spring Cloud Hystrix,除了提供这两者的强大功能外,还提供了一种声明式的Web服务客户端定义的方式。
    • Spring Cloud Feign帮助我们定义和实现依赖服务接口的定义。在Spring Cloud feign的实现下,只需要创建一个接口并用注解方式配置它,即可完成服务提供方的接口绑定,简化了在使用Spring Cloud Ribbon时自行封装服务调用客户端的开发量。
  • 在service模块添加pom依赖

<!--服务调用-->
<dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-openfeign</artifactId>
</dependency>
  • 在调用端的启动类添加注解
@EnableFeignClients
  • 创建包和接口

    • 创建client包
    • @FeignClient注解用于指定从哪个服务中调用功能 ,名称与被调用的服务名保持一致。
    • @GetMapping注解用于对被调用的微服务进行地址映射。
    • @PathVariable注解一定要指定参数名称,否则出错
    • @Component注解防止,在其他位置注入CodClient时idea报错
@FeignClient("service-vod")
@Component
public interface VodClient {// 定义调用的方法路径// 根据视频id删除阿里云视频// @PathVariable 注解一定要指定参数名称,否则出错@DeleteMapping("/eduvod/video/removeAlyVideo/{id}")public R removeAlyVideo(@PathVariable("id") String id);
}
  • 调用微服务
@RestController
@RequestMapping("/eduservice/video")
@CrossOrigin
public class EduVideoController {@Autowiredprivate EduVideoService videoService;// 注入VodClient@Autowiredprivate VodClient vodClient;// 删除小节,删除对应阿里云视频@DeleteMapping("{id}")public R deleteVideo(@PathVariable String id) {// 根据小节id获取视频id,调用方法实现视频删除EduVideo eduVideo = videoService.getById(id);String videoSourceId = eduVideo.getVideoSourceId();// 判断小节是否有视频idif(!StringUtils.isEmpty(videoSourceId)) {// 根据视频id,远程调用实现视频删除vodClient.removeAlyVideo(videoSourceId);}// 删除小节videoService.removeById(id);return R.ok();}
}

7. 删除课程删除视频(接口)

@RestController
@RequestMapping("/eduvod/video")
@CrossOrigin
public class VodController {@Autowiredprivate VodService vodService;// 删除多个阿里云视频的方法// 参数多个视频id@DeleteMapping("delete-batch")public R deleteBatch(@RequestParam("videoIdList") List<String> videoIdList) {vodService.removeMoreAlyVideo(videoIdList);return R.ok();}
}
public interface VodService {// 删除多个阿里云视频的方法void removeMoreAlyVideo(List videoIdList);
}
@Service
public class VodServiceImpl implements VodService {// 删除多个阿里云视频的方法@Overridepublic void removeMoreAlyVideo(List videoIdList) {try {// 初始化对象DefaultAcsClient client = InitVodClient.initVodClient(ConstantVodUtils.ACCESS_KEY_ID, ConstantVodUtils.ACCESS_KEY_SECRET);// 创建删除视频的request对象DeleteVideoRequest request = new DeleteVideoRequest();// videoIdList值转换成1,2,3String videoIds = StringUtils.join(videoIdList.toArray(), ",");// 向request设置视频idrequest.setVideoIds(videoIds);// 调用初始化对象的方法实现删除client.getAcsResponse(request);} catch (Exception e) {e.printStackTrace();throw new LemonException(20001, "删除视频失败");}}
}
@FeignClient("service-vod")
@Component
public interface VodClient {// 定义调用删除多个视频的方法@DeleteMapping("/eduvod/video/delete-batch")public R deleteBatch(@RequestParam("videoIdList") List<String> videoIdList);
}
@Service
public class EduVideoServiceImpl extends ServiceImpl<EduVideoMapper, EduVideo> implements EduVideoService {// 注入vodClient@Autowiredprivate VodClient vodClient;// 根据课程id删除小节@Overridepublic void removeVideoByCourseId(String courseId) {// 1.根据课程id查询课程所有的视频idQueryWrapper<EduVideo> wrapperVideo = new QueryWrapper<>();wrapperVideo.eq("course_id", courseId);wrapperVideo.select("video_source_id");List<EduVideo> eduVideoList = baseMapper.selectList(wrapperVideo);// List<EduVideo>变成List<String>List<String> videoIds = new ArrayList<>();for (int i = 0; i < eduVideoList.size(); i++) {EduVideo eduVideo = eduVideoList.get(i);String videoSourceId = eduVideo.getVideoSourceId();if(!StringUtils.isEmpty(videoSourceId)) {// 放到videoIds集合里面videoIds.add(videoSourceId);}}// 根据多个视频id删除多个视频if(videoIds.size() > 0) {vodClient.deleteBatch(videoIds);}QueryWrapper<EduVideo> wrapper = new QueryWrapper<>();wrapper.eq("course_id", courseId);baseMapper.delete(wrapper);}
}

8. SpringCloud 调用接口过程

  • Spring Cloud 在接口调用上,大致会经过如下几个组件配合:

    • Feign ----->Hystrix —>Ribbon —>Http Client(apache http components 或者 Okhttp) 具体交互流程上,如下图所示:
  • 接口化请求调用当调用被@FeignClient注解修饰的接口时,在框架内部,将请求转换成Feign的请求实例feign.Request,交由Feign框架处理。
  • Feign :转化请求Feign是一个http请求调用的轻量级框架,可以以Java接口注解的方式调用Http请求,封装了Http调用流程。
  • Hystrix:熔断处理机制 Feign的调用关系,会被Hystrix代理拦截,对每一个Feign调用请求,Hystrix都会将其包装成HystrixCommand,参与Hystrix的流控和熔断规则。如果请求判断需要熔断,则Hystrix直接熔断,抛出异常或者使用FallbackFactory返回熔断Fallback结果;如果通过,则将调用请求传递给Ribbon组件。
  • Ribbon:服务地址选择 当请求传递到Ribbon之后,Ribbon会根据自身维护的服务列表,根据服务的服务质量,如平均响应时间,Load等,结合特定的规则,从列表中挑选合适的服务实例,选择好机器之后,然后将机器实例的信息请求传递给Http Client客户端,HttpClient客户端来执行真正的Http接口调用;
  • HttpClient :Http客户端,真正执行Http调用根据上层Ribbon传递过来的请求,已经指定了服务地址,则HttpClient开始执行真正的Http请求
  • 总结:
    • 消费者做调用,第一步接口化请求调用,设置调的名字和接口地址,第二步用Feign去找到服务,根据名字找到服务中的接口做调用,叫服务发现。第三步是Hystrix,调用的过程中生产者的服务器宕机了,就会执行熔断机制,让它不再进行请求,如果能正常访问就到第四步Ribbon,对请求做负载均衡,平均分担到不同服务器中做操作,分担后最后就是发送请求,执行方法得到结果,这就是SpringCloud接口调用的过程

9. SpringCloud 熔断器介绍

  • Hystrix 是一个供分布式系统使用,提供延迟和容错功能,保证复杂的分布系统在面临不可避免的失败时,仍能有其弹性。
  • 比如系统中有很多服务,当某些服务不稳定的时候,使用这些服务的用户线程将会阻塞,如果没有隔离机制,系统随时就有可能会挂掉,从而带来很大的风险。
  • SpringCloud使用Hystrix组件提供断路器、资源隔离与自我修复功能。下图表示服务B触发了断路器,阻止了级联失败

10. 项目整合熔断器

  • 在service的pom中添加依赖
     <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-netflix-ribbon</artifactId></dependency>hystrix依赖,主要是用  @HystrixCommand<dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-netflix-hystrix</artifactId></dependency><!--服务注册--><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-alibaba-nacos-discovery</artifactId></dependency><!--服务调用--><dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter-openfeign</artifactId></dependency>
  • 在配置文件中添加hystrix配置
// school_parent\service\service_edu\src\main\resources\application.properties
#开启熔断机制
feign.hystrix.enabled=true
# 设置hystrix超时时间,默认1000ms
hystrix.command.default.execution.isolation.thread.timeoutInMilliseconds=6000
  • 在service-edu的client包里面创建熔断器的实现类
@Component
public class VodFileDegradeFeignClient implements VodClient {// 出错之后会执行@Overridepublic R removeAlyVideo(String id) {return R.error().message("删除视频出错了");}@Overridepublic R deleteBatch(List<String> videoIdList) {return R.error().message("删除多个视频出错了");}
}
  • 修改VodClient接口的注解
@FeignClient(value = "service-vod", fallback = VodFileDegradeFeignClient.class) // 调用的服务名称
@Component
public interface VodClient {// 定义调用的方法路径// 根据视频id删除阿里云视频// @PathVariable 注解一定要指定参数名称,否则出错@DeleteMapping("/eduvod/video/removeAlyVideo/{id}")public R removeAlyVideo(@PathVariable("id") String id);// 定义调用删除多个视频的方法@DeleteMapping("/eduvod/video/delete-batch")public R deleteBatch(@RequestParam("videoIdList") List<String> videoIdList);
}

【项目】小帽学堂(十)相关推荐

  1. 【项目】小帽学堂(十二)

    小帽学堂 十八.首页登录和注册 1. 登录业务介绍(单点登录) 单一服务器模式 早期单一服务器,用户认证. 缺点:单点性能压力,无法扩展 SSO(single sign on)模式(单点登录) 分布式 ...

  2. 【项目】小帽学堂(十三)

    小帽学堂 十九.微信扫描登录 1. OAuth2 介绍 1.1 OAuth2解决什么问题 1.1.1 OAuth2提出的背景 照片拥有者想要在云冲印服务上打印照片,云冲印服务需要访问云存储服务上的资源 ...

  3. 【项目】小帽学堂(十一①)

    小帽学堂 十七.搭建项目前台环境 1. 服务端渲染技术NUXT 什么是服务端渲染 服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容,而不是在客户端通过AJAX获取 ...

  4. 【项目】小帽学堂(三)

    小帽学堂 第六章 统一异常处理 创建统一异常处理器 在service-base中创建统一异常处理类GlobalExceptionHandler.java // com.alex.servicebase ...

  5. 全球及中国生物质发电行业项目可行性及十四五运营前景研究报告2022-2027年

    全球及中国生物质发电行业项目可行性及十四五运营前景研究报告2022-2027年 [搜索鸿晟信合查看官网更多内容!]  生物质气化是指涉及燃烧生物质以产生生产气或合成气以生产电力的过程. 2020年,全 ...

  6. 品优购项目笔记(十四):微信支付

    品优购项目笔记(十四) 订单 订单三张表关系 提交订单 二维码 介绍 优势 容错级别 qrious二维码生成插件 微信支付 微信支付流程 项目支付流程 生成支付链接 查询是否支付成功 订单 订单三张表 ...

  7. Vue + Spring Boot 项目实战(十五):动态加载后台菜单

    重要链接: 「系列文章目录」 「项目源码(GitHub)」 本篇目录 前言 一.后端实现 1.表设计 2.pojo 3.菜单查询接口(树结构查询) 二.前端实现 1.后台页面设计 2.数据处理 3.添 ...

  8. 自动驾驶系统进阶与项目实战(十)基于PointPillars的点云三维目标检测和TensorRT实战(1)

    自动驾驶系统进阶与项目实战(十)基于PointPillars的点云三维目标检测和TensorRT实战(1) 发表于CVPR2019的PointPillars是目前比较受业内认可的激光雷达三维检测算法, ...

  9. 优秀的 Verilog/FPGA开源项目介绍(十二)- 玩FPGA不乏味

    优秀的 Verilog/FPGA开源项目介绍(十二)- 玩FPGA不乏味 Hello,大家好,之前给大家分享了大约一百多个关于FPGA的开源项目,涉及PCIe.网络.RISC-V.视频编码等等,这次给 ...

最新文章

  1. matlab导入txt数据_如何正确的将txt文本数据导入到Word中使用?
  2. 网络设备主备配置系列3:华为防火墙(路由模式)
  3. php 阻塞消息队列,linux 消息队列阻塞
  4. linux 查看libusb版本,linux – 从使用libusb的设备读取问题
  5. 内存管理1retain和release
  6. 通用业务流水号功能设计
  7. CTF---Web入门第八题 Guess Next Session
  8. 北京四中院在线裁定一起跨国离婚案
  9. gradle依赖冲突的解决方式
  10. 虚拟化不会增加安全复杂性
  11. 韩顺平图解Java设计模式
  12. 洛谷 P3496 [POI2010]GIL-Guilds 题解
  13. Java基础面试题(持续更新)
  14. 基于异质图神经网络的未知恶意程序检测
  15. HTML入门笔记(带源文件)
  16. prop与自定义事件
  17. MySQL索引(漂亮简洁的思维导图)
  18. 解决QT-mingw32编译“ too many sections(...)”问题
  19. 姓氏 (C++)简单贪心
  20. 优恩ESD静电防护二极管原理与作用

热门文章

  1. IIS下的SSL证书配置
  2. 给孩子买台灯什么牌子好?盘点学生专用台灯第一品牌
  3. R统计绘图-随机森林分类分析及物种丰度差异检验组合图
  4. 未能加载文件或程序集“log4net, Version=2.0.15.0, Culture=neutral, PublicKeyToken=669e0ddf0bb1aa2a”或它的某一个依赖项
  5. 模糊PID控制双容水箱液位控制-模糊控制
  6. 221、无线电梯监控如何安装
  7. 图像scale与相机参数_基于Ladybug全景相机图像的360度全方位测距算法
  8. TMS570LS3137 FreeRTOS——创建任务
  9. 教程篇(5.0) 07. 威胁搜索和取证 ❀ FortiEDR ❀ Fortinet 网络安全专家 NSE 5
  10. figma有哪些插件比较好用,分享5款必备figma插件