谷粒商城集群篇 (五) --------- DevOps

女爷i 2024-04-03 09:45 75阅读 0赞

#### 目录 ####

*  一、项目开发需要考虑的维度
 *  二、什么是 DevOps ?
 *  三、什么是 CI&CD
 *  四、落地方案
 *  五、基于 Spring Boot 项目构建流水线
 *   *  1. 流水线概览
     *  2. 创建凭证
     *   *  ① 凭证
         *  ② Token
         *  ③ 密文
     *  3. 修改 Jenkinsfile
     *   *  ① Fork项目
         *  ② 修改 Jenkinsfile
     *  4. 创建项目
     *   *  ① 创建第一个项目
         *  ② 邀请成员
         *  ③ 创建第二个项目
     *  5. 创建流水线
     *   *  ① 填写基本信息
         *  ② 添加仓库
         *  ③ 高级设置
         *  ④ 运行流水线
         *  ⑤ 审核与查看流水线

--------------------

## 一、项目开发需要考虑的维度 ##

Dev：怎么开发？

Ops：怎么运维？

高并发：怎么承担高并发?

高可用：怎么做到高可用?

## 二、什么是 DevOps ? ##

![在这里插入图片描述][75b41006eda4469f82ae773aada55dbc.png]

DevOps是产品开发过程中开发（Dev）和运营（Ops）团队之间的灰色区域。DevOps是一种在产品开发周期中强调沟通，集成和协作的文化。因此，它消除了软件开发团队和运营团队之间的孤岛，使他们能够快速，连续地集成和部署产品。

DevOps 就是开发（Development）、测试（QA）、运维（Operations）这三个领域的合并。DevOps是一种软件开发方法，涉及软件在整个开发生命周期中的持续开发，持续测试，持续集成，持续部署和持续监控。

> 编码 ——> 打包 ——> 测试 ——> 发布 ——> 部署 ——> 运维 ——> 监控

微服务实现服务自治：服务注册与发现等等。。。

> DevOps：Development 和 Operations 的组合

DevOps 希望做到的是软件产品交付过程中 IT 工具链的打通，使得各个团队减少时间损耗，更加高效地协同工作。专家们总结出了上面这个 DevOps 能力图，良好的闭环可以大大增加整体的产出。

## 三、什么是 CI&CD ##

![在这里插入图片描述][e72bf5a2165a4198b3b405dd0b1eb5ee.png]

**A、持续集成 (Continuous Integration)**

持续集成是指软件个人研发的部分向软件整体部分交付，频繁进行集成以便更快地发现其中的错误。" 持续集成 " 源自于极限编程 (XP)，是 XP 最初的 12 种实践之一。

CI 需要具备这些：

*  全面的自动化测试。这是实践持续集成&持续部署的基础，同时，选择合适的自动化测试工具也极其重要。
 *  灵活的基础设施。容器，虚拟机的存在让开发人员和 QA 人员不必再大费周折。
 *  版本控制工具。如 Git，CVS，SVN 等。
 *  自动化的构建和软件发布流程的工具，如 Jenkins，flow.ci；
 *  反馈机制。如构建/测试的失败，可以快速地反馈到相关负责人，以尽快解决达到一个更稳定的版本。

**B、持续交付（Continuous Delivery）**

持续交付在持续集成的基础上，将集成后的代码部署到更贴近真实运行环境的「类生产环境」(production-like environments) 中。持续交付优先于整个产品生命周期的软件部署，建立在高水平自动化持续集成之上。

发布应用场景：

*  蓝绿发布：两套环境交替升级，旧版本保留一定时间便于回滚。
 *  灰度发布：根据比例将老版本升级，例如80%用户访问是老版本，20%用户访问是新版本。
 *  滚动发布：按批次停止老版本实例，启动新版本实例。

蓝绿发布：

> 项目逻辑上分为AB组，在项目系统时，首先把A组从负载均衡中摘除，进行新版本的部署。B组仍然继续提供服务。当A组升级完毕，负载均衡重新接入A组，再把B组从负载列表中摘除，进行新版本的部署。A组重新提供服务。最后，B组也升级完成，负载均衡重新接入B组，此时，AB组版本都已经升级完成，并且都对外提供服务。

灰度发布：

> 灰度发布只升级部分服务，即让一部分用户继续用老版本，一部分用户开始用新版本，如果用户对新版本没什么意见，那么逐步扩大范围，把所有用户都迁移到新版本上面来。

持续交付和持续集成的优点非常相似：

*  快速发布。能够应对业务需求，并更快地实现软件价值。
 *  编码 —> 测试 —> 上线 ----> 交付的频繁迭代周期缩短，同时获得迅速反馈。
 *  高质量的软件发布标准。整个交付过程标准化、可重复、可靠。
 *  整个交付过程进度可视化，方便团队人员了解项目成熟度。
 *  更先进的团队协作方式。从需求分析、产品的用户体验到交互 设计、开发、测试、运维等角色密切协作，相比于传统的瀑布式软件团队，更少浪费。

**C、持续部署（Continuous Deployment）**

持续部署是指当交付的代码通过评审之后，自动部署到生产环境中。持续部署是持续交付的最高阶段。这意味着，所有通过了一系列的自动化测试的改动都将自动部署到生产环境。它也可以被称为 “Continuous Release”。

> 开发人员提交代码，持续集成服务器获取代码，执行单元测试，根据测试结果决定是否部署到预演环境，如果成功部署到预演环境，进行整体验收测试，如果测试通过，自动部署到产品环境，全程自动化高效运转。

持续部署主要好处是，可以相对独立地部署新的功能，并能快速地收集真实用户的反馈。

> “You build it, you run it”，这是 Amazon 一年可以完成 5000 万次部署，平均每个工程师每天部署超过 50 次的核心秘籍。

![在这里插入图片描述][86ce086629e54bb4b8759cedaa97add6.png]

## 四、落地方案 ##

**使用：Maven + Github + Jenkins + Docker**

![在这里插入图片描述][781607c06cf94c3ab8d36d03866cca19.png]  
自动化部署： 我们主要使用 Jenkins 来完成。。。

![在这里插入图片描述][ddd5d48bff074448b65ceb312ae0a5f2.png]

## 五、基于 Spring Boot 项目构建流水线 ##

### 1. 流水线概览 ###

下面的流程图简单说明了流水线完整的工作过程：  
![在这里插入图片描述][71fefaf996ef435d937ecb2c9286fac3.png]

*  阶段一：Checkout SCM: 拉取 GitHub 仓库代码
 *  阶段二：Unit test: 单元测试，如果测试通过了才继续下面的任务
 *  阶段三： SonarQube analysis：sonarQube 代码质量检测
 *  阶段四. Build & push snapshot image: 根据行为策略中所选择分支来构建镜像，并将 tag 为`SNAPSHOT-$BRANCH_NAME-$BUILD_NUMBER` 推送至 Harbor (其中 `$BUILD_NUMBER`为 pipeline 活动列表的运行序号)。
 *  阶段五：Push latest image: 将 master 分支打上 tag 为 latest，并推送至 DockerHub。
 *  阶段六： Deploy to dev: 将 master 分支部署到 Dev 环境，此阶段需要审核。
 *  阶段七： Push with tag: 生成 tag 并 release 到 GitHub，并推送到 DockerHub。
 *  阶段八： Deploy to production: 将发布的 tag 部署到 Production 环境。

### 2. 创建凭证 ###

注意：  
GitHub 账号或密码带有 “@” 这类特殊字符，需要创建凭证前对其进行 urlencode 编码，可通过一些 第三方网站进行转换，然后再将转换后的结果粘贴到对应的凭证信息中。这里需要创建的是凭证（Credential），不是密钥(Secret)。

在 多租户管理快速入门 中已给项目普通用户 project-regular 授予了 maintainer 的角色，因此使用 project-regular 登录 KubeSphere，进入已创建的 devops-demo 工程，开始创建凭证。

#### ① 凭证 ####

本示例代码仓库中的 Jenkinsfile 需要用到 DockerHub、GitHub 和 kubeconfig (kubeconfig 用于访问接入正在运行的 Kubernetes 集群) 等一共 3 个凭证 (credentials) ，请依次创建这三个凭证。

以项目 project-regular 登录 KubeSphere，在 devops-demo 的 DevOps 工程点击 凭证，进入凭证管理界面，以下说明几个在 DevOps 工程中常用的凭证。

![在这里插入图片描述][3d3da54a73e846c78a98b415ac7f5f9d.png]

**A、创建 DockerHub 凭证**

点击 创建，创建一个用于 DockerHub 登录的凭证；

*  凭证 ID：必填，此 ID 将用于仓库中的 Jenkinsfile，此示例中可命名为 dockerhub-id
 *  类型：选择 账户凭证
 *  用户名：填写您个人的 DockerHub 的用户名
 *  token / 密码：您个人的 DockerHub 的密码
 *  描述信息：介绍凭证，比如此处可以备注为 DockerHub 登录凭证

完成后点击确定。

![在这里插入图片描述][abe417f172944995ac2e487ec32e0876.png]

**B、创建 GitHub 凭证**

同上，创建一个用于 GitHub 的凭证，凭证 ID 可命名为 github-id，类型选择 账户凭证，输入您个人的 GitHub 用户名和密码，备注描述信息，完成后点击 确定。

注意：

> 若用户的凭证信息如账号或密码中包含了 @，$这类特殊符号，可能在运行时无法识别而报错，这类情况需要用户在创建凭证时对密码进行 urlencode 编码，可通过一些第三方网站进行转换 (比如[http://tool.chinaz.com/tools/urlencode.aspx][http_tool.chinaz.com_tools_urlencode.aspx])，然后再将转换后的输出粘贴到对应的凭证信息中。

**C、创建 kubeconfig 凭证**

同上，在 凭证 下点击 创建，创建一个类型为 kubeconfig 的凭证，凭证 ID 可命名为 demo-kubeconfig，完成后点击确定。

说明：

> kubeconfig 类型的凭证用于访问接入正在运行的 Kubernetes 集群，在流水线部署步骤将用到该凭证。注意，此处的 Content 将自动获取当前 KubeSphere 中的 kubeconfig 文件内容，若部署至当前 KubeSphere 中则无需修改，若部署至其它 Kubernetes 集群，则需要将其 kubeconfig 文件的内容粘贴至 Content 中。

![在这里插入图片描述][f9e76e9f293d40899df9abb56af2deac.png]

#### ② Token ####

参考 访问 SonarQube 并创建 Token，创建一个 Java 的 Token 并复制。

![在这里插入图片描述][c9e623af26784a5893a62fd50ee75e75.png]  
![在这里插入图片描述][00cf452ffa524cc191cb42c5df051815.png]  
**A、使用默认账号 admin/admin登入 sonar，然后点击右上角加号下的 Create new project。**

![在这里插入图片描述][2831040a68fa44f5a130fa7eeab37ef8.png]  
**B、然后输入 name，然后点击 Generate。**

![在这里插入图片描述][4da312086d36420e9806e3baff8b93b6.png]  
**C、即可获取 token，然后点击 Continue。**

![在这里插入图片描述][b54dab213326499193e7852243db0e39.png]

**D、然后选择 Language Java，选择 build technology 为 Maven，复制 token。点击 Finish this tutorial即可。**

![在这里插入图片描述][5d828ef905ca4efb889be8b19707c4a8.png]

#### ③ 密文 ####

最后在 KubeSphere 中进入 devops-demo的 DevOps 工程中，与上面步骤类似，在 凭证 下点击 创建，创建一个类型为 秘密文本的凭证，凭证 ID 命名为 sonar-token，密钥为上一步复制的 token 信息，完成后点击 确定。

![在这里插入图片描述][9fd1d3e9319f485190465a7a68f26600.png]

### 3. 修改 Jenkinsfile ###

#### ① Fork项目 ####

![在这里插入图片描述][3e51366c9ad7495a964a58cc675eee28.png]

#### ② 修改 Jenkinsfile ####

Fork 至您个人的 GitHub 后，在 根目录 进入 Jenkinsfile-online。

![在这里插入图片描述][c1911a19b3324b90b7161fc1bdb8c973.png]  
在 GitHub UI 点击编辑图标，需要修改如下环境变量 (environment) 的值。

![在这里插入图片描述][fd3ef42e302a4395899090d6d8279984.png]

<table> 
 <thead> 
  <tr> 
   <th>修改项</th> 
   <th>值</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>DOCKER_CREDENTIAL_ID</td> 
   <td>dockerhub-id</td> 
   <td>填写创建凭证步骤中的 DockerHub 凭证 ID，用于登录您的 DockerHub</td> 
  </tr> 
  <tr> 
   <td>GITHUB_CREDENTIAL_ID</td> 
   <td>github-id</td> 
   <td>填写创建凭证步骤中的 GitHub 凭证 ID，用于推送 tag 到 GitHub 仓库</td> 
  </tr> 
  <tr> 
   <td>KUBECONFIG_CREDENTIAL_ID</td> 
   <td>demo-kubeconfig kubeconfig</td> 
   <td>凭证 ID，用于访问接入正在运行的 Kubernetes 集群</td> 
  </tr> 
  <tr> 
   <td>REGISTRY</td> 
   <td>docker.io</td> 
   <td>默认为 docker.io 域名，用于镜像的推送</td> 
  </tr> 
  <tr> 
   <td>DOCKERHUB_NAMESPACE</td> 
   <td>your-dockerhub-account</td> 
   <td>替换为您的 DockerHub 账号名(它也可以是账户下的 Organization 名称)</td> 
  </tr> 
  <tr> 
   <td>GITHUB_ACCOUNT</td> 
   <td>your-github-account</td> 
   <td>替换为您的 GitHub 账号名，例如 https://github.com/kubesphere/则填写 kubesphere(它也可以是账户下的 Organization 名称)</td> 
  </tr> 
  <tr> 
   <td>APP_NAME</td> 
   <td>devops-java-sample</td> 
   <td>应用名称</td> 
  </tr> 
  <tr> 
   <td>SONAR_CREDENTIAL_ID</td> 
   <td>sonar-token</td> 
   <td>填写创建凭证步骤中的 SonarQube token凭证 ID，用于代码质量检测</td> 
  </tr> 
 </tbody> 
</table>

注：master 分支 Jenkinsfile 中 mvn命令的参数 -o，表示开启离线模式。本示例为适应某些环境下网络的干扰，以及避免在下载依赖时耗时太长，已事先完成相关依赖的下载，默认开启离线模式。

修改以上的环境变量后，点击 Commit changes，将更新提交到当前的 master 分支。

![在这里插入图片描述][2a31158cace64b39b1819ef8f14b8397.png]

### 4. 创建项目 ###

CI/CD 流水线会根据示例项目的 yaml 模板文件，最终将示例分别部署到 kubesphere-sample-dev和 kubesphere-sample-prod这两个项目 (Namespace) 环境中，这两个项目需要预先在控制台依次创建，参考如下步骤创建该项目。

#### ① 创建第一个项目 ####

使用项目管理员 project-admin账号登录 KubeSphere，在之前创建的企业空间 (demo-workspace) 下，点击 项目 → 创建，创建一个 资源型项目，作为本示例的开发环境，填写该项目的基本信息，完成后点击 下一步。

*  名称：固定为 kubesphere-sample-dev，若需要修改项目名称则需在 yaml 模板文件 中修改 namespace
 *  别名：可自定义，比如 开发环境
 *  描述信息：可简单介绍该项目，方便用户进一步了解

本示例暂无资源请求和限制，因此高级设置中无需修改默认值，点击 创建，项目可创建成功。

#### ② 邀请成员 ####

第一个项目创建完后，还需要项目管理员 project-admin邀请当前的项目普通用户 project-regular进入 kubesphere-sample-dev项目，进入「项目设置」→「项目成员」，点击「邀请成员」选择邀请 project-regular并授予 operator角色。

#### ③ 创建第二个项目 ####

同上，参考以上两步创建一个名称为 kubesphere-sample-prod的项目作为生产环境，并邀请普通用户 project-regular进入 kubesphere-sample-prod 项目并授予 operator角色。

> 说明：当 CI/CD 流水线后续执行成功后，在 kubesphere-sample-dev和 kubesphere-sample-prod项目中将看到流水线创建的部署 (Deployment) 和服务 (Service)。

![在这里插入图片描述][8c079a30f0684aa8a3c3c1f184b3098a.png]

### 5. 创建流水线 ###

#### ① 填写基本信息 ####

进入已创建的 DevOps 工程，选择左侧菜单栏的 流水线，然后点击 创建。

![在这里插入图片描述][70a33593abc04433ba6008b56586bc84.png]  
在弹出的窗口中，输入流水线的基本信息。

*  名称：为创建的流水线起一个简洁明了的名称，便于理解和搜索
 *  描述信息：简单介绍流水线的主要特性，帮助进一步了解流水线的作用
 *  代码仓库：点击选择代码仓库，代码仓库需已存在 Jenkinsfile

![在这里插入图片描述][f3b6144789794412902beb9fa9d31876.png]

#### ② 添加仓库 ####

点击代码仓库，以添加 Github 仓库为例。  
点击弹窗中的 获取 Token。

![在这里插入图片描述][311024125df84047ba8d2f0c04c4430a.png]

在 GitHub 的 access token 页面填写 Token description，简单描述该 token，如 DevOps demo，在 Select scopes 中无需任何修改，点击 Generate token，GitHub 将生成一串字母和数字组成的 token 用于访问当前账户下的 GitHub repo。

![在这里插入图片描述][8457f20045774db0ab3f4ea3fdc42105.png]  
复制生成的 token，在 KubeSphere Token 框中输入该 token 然后点击保存。

验证通过后，右侧会列出此 Token 关联用户的所有代码库，选择其中一个带有 Jenkinsfile 的仓库。比如此处选择准备好的示例仓库 devops-java-sample，点击 选择此仓库，完成后点击 下一步。

![在这里插入图片描述][4e79ec88c1714339ac6575ded2fd82ac.png]

#### ③ 高级设置 ####

完成代码仓库相关设置后，进入高级设置页面，高级设置支持对流水线的构建记录、行为策略、定期扫描等设置的定制化，以下对用到的相关配置作简单释义。

分支设置中，勾选 丢弃旧的分支，此处的 保留分支的天数 和 保留分支的最大个数 默认为 -1。

![在这里插入图片描述][c5eb7da0a6de43359bb176256acedb6f.png]  
说明：

> 分支设置的保留分支的天数和保持分支的最大个数两个选项可以同时对分支进行作用，只要某个分支的保留天数和个数不满足任何一个设置的条件，则将丢弃该分支。假设设置的保留天数和个数为 2 和 3，则分支的保留天数一旦超过 2 或者保留个数超过 3，则将丢弃该分支。默认两个值为 -1，表示将会丢弃已经被删除的分支。

> 丢弃旧的分支将确定何时应丢弃项目的分支记录。分支记录包括控制台输出，存档工件以及与特定分支相关的其他元数据。保持较少的分支可以节省 Jenkins 所使用的磁盘空间，我们提供了两个选项来确定应何时丢弃旧的分支：
> 
>  *  保留分支的天数：如果分支达到一定的天数，则丢弃分支。
>  *  保留分支的个数：如果已经存在一定数量的分支，则丢弃最旧的分支。

行为策略中，KubeSphere 默认添加了三种策略。由于本示例还未用到 从 Fork 仓库中发现 PR 这条策略，此处可以删除该策略，点击右侧删除按钮。

![在这里插入图片描述][2bbe8f455b924d9fb32f6138373ac841.png]  
说明：

> 支持添加三种类型的发现策略。需要说明的是，在 Jenkins 流水线被触发时，开发者提交的 PR (Pull Request) 也被视为一个单独的分支。

发现分支：

>  *  排除也作为 PR 提交的分支：选择此项表示 CI 将不会扫描源分支 (比如 Origin 的 master branch)，也就是需要被 merge 的分支
>  *  只有被提交为 PR 的分支：仅扫描 PR 分支
>  *  所有分支：拉取的仓库 (origin) 中所有的分支

从原仓库中发现 PR：

>  *  PR 与目标分支合并后的源代码版本：一次发现操作，基于 PR 与目标分支合并后的源代码版本创建并运行流水线
>  *  PR 本身的源代码版本：一次发现操作，基于 PR 本身的源代码版本创建并运行流水线
>  *  当 PR 被发现时会创建两个流水线，一个流水线使用 PR 本身的源代码版本，一个流水线使用 PR 与目标分支合并后的源代码版本：两次发现操作，将分别创建两条流水线，第一条流水线使用 PR 本身的源代码版本，第二条流水线使用 PR 与目标分支合并后的源代码版本

默认的 脚本路径 为 Jenkinsfile，请将其修改为 Jenkinsfile-online。

> 注：路径是 Jenkinsfile 在代码仓库的路径，表示它在示例仓库的根目录，若文件位置变动则需修改其脚本路径。

![在这里插入图片描述][12f6d3bf78ef4cfe9c1a0eefb707e98c.png]  
在 扫描 Repo Trigger 勾选 如果没有扫描触发，则定期扫描，扫描时间间隔可根据团队习惯设定，本示例设置为 5 minutes。

说明：

> 定期扫描是设定一个周期让流水线周期性地扫描远程仓库，根据 行为策略 查看仓库有没有代码更新或新的 PR。

Webhook 推送：

> Webhook 是一种高效的方式可以让流水线发现远程仓库的变化并自动触发新的运行，GitHub 和 Git (如 Gitlab) 触发 Jenkins 自动扫描应该以 Webhook 为主，以上一步在 KubeSphere 设置定期扫描为辅。在本示例中，可以通过手动运行流水线，如需设置自动扫描远端分支并触发运行。

完成高级设置后点击 创建。

![在这里插入图片描述][a37a55d212ab454da563dbf451dde4df.png]

#### ④ 运行流水线 ####

流水线创建后，点击浏览器的 刷新 按钮，可见两条自动触发远程分支后的运行记录，分别为 master 和 dependency 分支的构建记录。

![在这里插入图片描述][9a088920427640da9e4a3692cd14bdb7.png]  
A、点击右侧 运行，将根据上一步的 行为策略 自动扫描代码仓库中的分支，在弹窗选择需要构建流水线的 master分支，系统将根据输入的分支加载 Jenkinsfile-online (默认是根目录下的 Jenkinsfile)。

B、由于仓库的 Jenkinsfile-online 中 TAG\_NAME: defaultValue没有设置默认值，因此在这里的 TAG\_NAME可以输入一个 tag 编号，比如输入 v0.0.1。

C、点击 确定，将新生成一条流水线活动开始运行。

> 说明: tag 用于在 Github 和DockerHub 中分别生成带有 tag 的 release 和镜像。 注意: 在主动运行流水线以发布 release 时，TAG\_NAME不应与之前代码仓库中所存在的 tag名称重复，如果重复会导致流水线的运行失败。

![在这里插入图片描述][82bce2b8db1e4aab8da93068d6d1509a.png]  
至此，流水线 已完成创建并开始运行。

> 注：点击 分支 切换到分支列表，查看流水线具体是基于哪些分支运行，这里的分支则取决于上一步 行为策略 的发现分支策略。

![在这里插入图片描述][1132797170324c92a1a452f802b7b977.png]

#### ⑤ 审核与查看流水线 ####

当流水线执行至 input步骤时状态将暂停，需要手动点击 继续，流水线才能继续运行。注意，在 Jenkinsfile-online 中分别定义了三个阶段 (stage) 用来部署至 Dev 环境和 Production 环境以及推送 tag，因此在流水线中依次需要对 deploy to dev, push with tag, deploy to production这三个阶段审核 3次，若不审核或点击 终止 则流水线将不会继续运行。

![在这里插入图片描述][0790c15f38bc4a41afbbe71e71d15a45.png]  
点击流水线中 活动列表下当前正在运行的流水线序列号，页面展现了流水线中每一步骤的运行状态，注意，流水线刚创建时处于初始化阶段，可能仅显示日志窗口，待初始化 (约一分钟) 完成后即可看到流水线。黑色框标注了流水线的步骤名称，示例中流水线共 8 个 stage，分别在 Jenkinsfile-online 中被定义。

![在这里插入图片描述][7bae16d6330b442db6f3682946066d31.png]  
当前页面中点击右上方的 查看日志，查看流水线运行日志。页面展示了每一步的具体日志、运行状态及时间等信息，点击左侧某个具体的阶段可展开查看其具体的日志。日志可下载至本地，如出现错误，下载至本地更便于分析定位问题。

![在这里插入图片描述][1b9cdcef553d43ce87e80a3a2e31929f.png]

[75b41006eda4469f82ae773aada55dbc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/7b059721d30b44e6bc7927b37c526dde.png
[e72bf5a2165a4198b3b405dd0b1eb5ee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5d257b5138424c7eb515619db3e56e59.png
[86ce086629e54bb4b8759cedaa97add6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/bd52c27c9cd74dba9ea1907e4edab56e.png
[781607c06cf94c3ab8d36d03866cca19.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/056ef54ed3d84f9893e9a5938f18c785.png
[ddd5d48bff074448b65ceb312ae0a5f2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f08f2877cf3c4256a6d1e94e22111159.png
[71fefaf996ef435d937ecb2c9286fac3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5edd291434b340b1901d5aa4ba5608c9.png
[3d3da54a73e846c78a98b415ac7f5f9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/86aae13b1086458db95462b506924103.png
[abe417f172944995ac2e487ec32e0876.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/29baa7b3abe346df892986983976c4c6.png
[http_tool.chinaz.com_tools_urlencode.aspx]: http://tool.chinaz.com/tools/urlencode.aspx
[f9e76e9f293d40899df9abb56af2deac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e3f152dd641842c1b2bbe5bd60829b14.png
[c9e623af26784a5893a62fd50ee75e75.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c1df36baa32d4417bf601fa8841ebc1e.png
[00cf452ffa524cc191cb42c5df051815.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f1e1b47d3c834cdb8a07dcd8e104ec8c.png
[2831040a68fa44f5a130fa7eeab37ef8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4dbdde43a5b94499b55293c949bae504.png
[4da312086d36420e9806e3baff8b93b6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ff3f96bd927d47f7a541fb4902f63128.png
[b54dab213326499193e7852243db0e39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4fa7a7ebe2db422192cf26746c4563ea.png
[5d828ef905ca4efb889be8b19707c4a8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/aec9a44518664176bfbdec3f5144803b.png
[9fd1d3e9319f485190465a7a68f26600.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/1af4f5fd186c43b28d62cc5b60e0bc58.png
[3e51366c9ad7495a964a58cc675eee28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/2e2bb1cfb3fa4677a6360f51e29da656.png
[c1911a19b3324b90b7161fc1bdb8c973.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/add12539631a4b2a98bba5961934bebe.png
[fd3ef42e302a4395899090d6d8279984.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8577e70f264d41cfae6e987a77294e07.png
[2a31158cace64b39b1819ef8f14b8397.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/c1c2f437b5e24c3bbac3e880a79ad515.png
[8c079a30f0684aa8a3c3c1f184b3098a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/bfbe2d9dda2b4688b11c0d502b619581.png
[70a33593abc04433ba6008b56586bc84.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/aa99a4a4f3de4207ab5a2b88352f0199.png
[f3b6144789794412902beb9fa9d31876.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/634cf7347b3248908e84e518d6c21b54.png
[311024125df84047ba8d2f0c04c4430a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/26c5f2464a3c4a7e82634d5185cd669d.png
[8457f20045774db0ab3f4ea3fdc42105.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/ff1e092d911342b68d0a19732b096414.png
[4e79ec88c1714339ac6575ded2fd82ac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a945c337e8ac494a8fa6add14c4b095c.png
[c5eb7da0a6de43359bb176256acedb6f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e1aa9b63caea43088224d1431e3b8496.png
[2bbe8f455b924d9fb32f6138373ac841.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fe80c1b788df407b88dff804888a6f75.png
[12f6d3bf78ef4cfe9c1a0eefb707e98c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3a24cd349e18416b93283f3f2cb3075e.png
[a37a55d212ab454da563dbf451dde4df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e178ed3b39b840059650eaf1b6cef266.png
[9a088920427640da9e4a3692cd14bdb7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/34a18557e4a5455b8bcf71f1242e305a.png
[82bce2b8db1e4aab8da93068d6d1509a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/d35bc863ca3f494f87263740018f6227.png
[1132797170324c92a1a452f802b7b977.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/caae38fed7eb4578bcec4e68647961ad.png
[0790c15f38bc4a41afbbe71e71d15a45.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/17bc0a90757b4e6987c406f4a5946bfa.png
[7bae16d6330b442db6f3682946066d31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/6f637f5df58742eb9a64a818b0c51449.png
[1b9cdcef553d43ce87e80a3a2e31929f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8c205a59d2604a7db851bdcd2bf3ab64.png