基于微服务的CICD实战

开发 前端
book-web 前端,采用 Vue MVVM,服务端 Thymeleaf SSR 渲染,友好 SEO MPA。服务端 路由,Spring MVC。

[[409685]]

本文转载自微信公众号「JAVA日知录」,作者飘渺Jam。转载本文请联系JAVA日知录公众号。

模块介绍

现有 一个微服务项目,按照业务拆分为如下几个模块

  • book-web 前端,采用 Vue MVVM,服务端 Thymeleaf SSR 渲染,友好 SEO MPA。服务端 路由,Spring MVC
  • book-gateway 微服务网关,Spring Cloud Gateway
  • book-service 接口提供方,Spring Cloud Alibaba Dubbo 服务消费方
  • book-server 数据承载方,Spring Cloud Alibaba Dubbo 服务提供方
  • book-common 实体,Dubbo 接口 jar
  • cloud-common 微服务公共 jar
  • common pom
  • school-parent 最上级 父工程 pom

common 继承关系

在项目根路径下执行,Maven 命令,截取 2 段输出

  1. mvn clean install -pl com.lab:book-common -am -Ptest 
  1. [INFO] Reactor Build Order
  2. [INFO] 
  3. [INFO] school_parent                                                      [pom] 
  4. [INFO] common                                                             [pom] 
  5. [INFO] cloud-common                                                       [jar] 
  6. [INFO] book-common                  
  1. [INFO] Reactor Summary for school_parent 0.0.1-SNAPSHOT: 
  2. [INFO] 
  3. [INFO] school_parent ...................................... SUCCESS [  0.761 s] 
  4. [INFO] common ............................................. SUCCESS [  0.083 s] 
  5. [INFO] cloud-common ....................................... SUCCESS [  6.430 s] 
  6. [INFO] book-common ........................................ SUCCESS [  3.236 s] 
  7. [INFO] ------------------------------------------------------------------------ 
  8. [INFO] BUILD SUCCESS 
  9. [INFO] ------------------------------------------------------------------------ 
  10. [INFO] Total time:  11.880 s 
  11. [INFO] Finished at: 2020-05-03T14:13:12+08:00 
  12. [INFO] ------------------------------------------------------------------------ 

相关中间件

docker 和 docker-compose 适合 测试环境使用,生产环境用 Kubernetes,安装 步骤命令本站基本都有:http://javadaily.cn/

  1. root@jazz-pc:/opt# docker ps --format "table {{.Names}} ------------- {{.Image}}" 
  2. NAMES ------------- IMAGE 
  3. rmqbroker ------------- apacherocketmq/rocketmq:4.5.2-alpine 
  4. rmqnamesrv ------------- apacherocketmq/rocketmq:4.5.2-alpine 
  5. seata-server ------------- seataio/seata-server:1.2.0 
  6. nacos ------------- nacos/nacos-server:1.2.1 
  7. minio ------------- minio/minio 
  8. es ------------- elasticsearch:7.6.2 
  9. zookeeper ------------- zookeeper 
  10. mysql ------------- mysql:5.7 
  11. mongo ------------- mongo 
  12. redis ------------- redis 

Alibaba Sentinel

  1. nohup java -Dserver.port=8858 -Dsentinel.dashboard.auth.username=sentinel -Dsentinel.dashboard.auth.password=Aa123456 -jar sentinel-dashboard-1.7.2.jar >sentinel.log 2>&1 & 

Maven 环境

  1. root@jazz-pc:/opt# mvn -v 
  2. Apache Maven 3.6.3 (cecedd343002696d0abb50b32b541b8a6ba2883f) 
  3. Maven home: /usr/local/apache-maven-3.6.3 
  4. Java version: 11.0.7, vendor: Oracle Corporation, runtime: /usr/local/java/jdk-11.0.7 
  5. Default locale: zh_CN, platform encoding: UTF-8 
  6. OS name"linux", version: "5.3.0-51-generic", arch: "amd64", family: "unix" 

settings.xml 文件,加个国内镜像

  1. <mirror> 
  2.  <id>aliyunmaven</id> 
  3.  <mirrorOf>*</mirrorOf> 
  4.  <name>阿里云公共仓库</name
  5.  <url>https://maven.aliyun.com/repository/public</url> 
  6. </mirror> 

 

顶级父工程 pom.xml 添加,跳过 单元测试 编译和执行

  1. <maven.test.skip>true</maven.test.skip> 
  2. <skipTests>true</skipTests> 

如果有 Maven Nexus,则另外添加设置,install 替换为 deploy

Jenkins

  1. nohup java -jar /usr/local/jenkins/jenkins.war --ajp13Port=-1 --httpPort=8086 >/usr/local/jenkins/jenkins.out 2>&1 & 

Jenkins JDK 环境 >=1.8 and <=11 目前最新版本不支持 Java 14

Jenkins 安装一般会卡住 2 次,则是去国外下载插件数据缓慢的原因,kill -9 进程 ID,ps -ef | grep jenkins 找到进程 ID。

第一次卡住修改 :/root/.jenkins/hudson.model.UpdateCenter.xml 文件里面链接内容为 国内镜像地址 https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json

第二次卡住执行替换命令:

  1. cd /root/.jenkins/updates 
  2. sed -i 's/http:\/\/updates.jenkins-ci.org\/download/https:\/\/mirrors.tuna.tsinghua.edu.cn\/jenkins/g' default.json && sed -i 's/http:\/\/www.google.com/https:\/\/www.baidu.com/g' default.json 

Git or SVN

  1. root@jazz-pc:/opt# which git 
  2. /usr/bin/git 
  3. root@jazz-pc:/opt# which svn 
  4. /usr/bin/svn 

Jenkins CI/CD

  • Global Tool Configuration 设置好,JDK,Maven,Git
  • 新建 Item,Freestyle project,如下

Item book-common

  • 源码管理,选择 Git,填写 Repository URL 和 Credentials 设置 Jenkins 凭据
  • 构建 Execute shell
  1. #!/bin/bash 
  2.  
  3. cd ./school 
  4. mvn clean install -pl com.lab:book-common -am -Ptest 
  5.  
  6. echo 'install ok!' 

Item book-web

  • 源码管理 略
  • Execute shell
  1. #!/bin/bash 
  2.  
  3. cd ./school/book-web 
  4. mvn clean package -Ptest 
  5.  
  6. echo 'package ok!' 
  7. echo 'build start!' 
  8.  
  9. service_name="book-web" 
  10. service_prot=80 
  11.  
  12. IID=$(docker images | grep "$service_name" | awk '{print $3}'
  13. echo "IID $IID" 
  14.  
  15. if [ -n "$IID" ] 
  16. then 
  17.     echo "exist $service_name image,IID=$IID" 
  18.  
  19.     docker rmi -f $service_name 
  20.     echo "delete $service_name image" 
  21.  
  22.     docker build -t $service_name . 
  23.     echo "build $service_name image" 
  24. else 
  25.     echo "no exist $service_name image,build docker" 
  26.  
  27.     docker build -t $service_name . 
  28.     echo "build $service_name image" 
  29. fi 
  30.  
  31. CID=$(docker ps -a | grep "$service_name" | awk '{print $1}'
  32. echo "CID $CID" 
  33.  
  34. if [ -n "$CID" ] 
  35. then 
  36.     echo "exist $service_name container,CID=$CID" 
  37.  
  38.     docker stop $service_name 
  39.     docker rm $service_name 
  40. else 
  41.     echo "no exist $service_name container" 
  42. fi 
  43.  
  44. docker run -d --name $service_name \ 
  45. -v /etc/localtime:/etc/localtime:ro \ 
  46. -v /etc/timezone:/etc/timezone:ro \ 
  47. -v /data/logs:/data/logs:rw \ 
  48. --net=host -p $service_prot:$service_prot $service_name 

Item book-gateway

  • 源码管理和 Execute shell 略

Item book-service

  • Execute shell
  1. #!/bin/bash 
  2.  
  3. cd ./school/book-server 
  4. mvn clean package -Ptest 
  5.  
  6. echo 'package ok!' 
  7. echo 'build start!' 
  8.  
  9. service_name="book-server" 
  10. service_prot=20880 
  11.  
  12. IID=$(docker images | grep "$service_name" | awk '{print $3}'
  13. echo "IID $IID" 
  14.  
  15. if [ -n "$IID" ] 
  16. then 
  17.     echo "exist $service_name image,IID=$IID" 
  18.  
  19.     docker rmi -f $service_name 
  20.     echo "delete $service_name image" 
  21.  
  22.     docker build --no-cache -t $service_name . 
  23.     echo "build $service_name image" 
  24. else 
  25.     echo "no exist $service_name image,build docker" 
  26.  
  27.     docker build -t $service_name . 
  28.     echo "build $service_name image" 
  29. fi 
  30.  
  31. CID=$(docker ps -a | grep "$service_name" | awk '{print $1}'
  32. echo "CID $CID" 
  33.  
  34. if [ -n "$CID" ] 
  35. then 
  36.     echo "exist $service_name container,CID=$CID" 
  37.  
  38.     docker stop $service_name 
  39.     docker rm $service_name 
  40. else 
  41.     echo "no exist $service_name container" 
  42. fi 
  43.  
  44. docker run -d --name $service_name \ 
  45. -e DUBBO_IP_TO_REGISTRY=192.168.1.6 \ 
  46. -e DUBBO_PORT_TO_REGISTRY=$service_prot \ 
  47. -e DUBBO_IP_TO_BIND=192.168.1.6 \ 
  48. -p $service_prot:$service_prot \ 
  49. -v /etc/localtime:/etc/localtime:ro \ 
  50. -v /etc/timezone:/etc/timezone:ro \ 
  51. -v /data/logs:/data/logs:rw \ 
  52. --net=host \ 
  53. $service_name 

Dockerfile

  • 位置和 pom.xml 路径平级,book-server 内容如下,其他略
  1. FROM adoptopenjdk/openjdk11:jdk-11.0.7_10-alpine 
  2. VOLUME ["/tmp","/data/logs"
  3. COPY ./target/book-server-0.0.1-SNAPSHOT.jar book-server.jar 
  4. ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/book-server.jar","&"

book-web 执行构建 Build Now

book-web 前端 浏览器访问

login.html 登录模板示例页面,调用 /api/login 接口,内容如下

  1. <!DOCTYPE html> 
  2. <html xmlns:th="http://www.thymeleaf.org"
  3. <head> 
  4.     <meta charset="UTF-8"/> 
  5.     <title>理想生活上天猫,登录页面</title> 
  6.     <r th:insert="common/header::#headerApp"/> 
  7. </head> 
  8.  
  9. <body> 
  10. <div id="app"
  11.     <el-row :gutter="20"
  12.         <el-col :span="24"> </el-col> 
  13.     </el-row> 
  14.     <el-row :gutter="20"
  15.         <el-col :span="1"> </el-col> 
  16.         <el-col :span="4"
  17.             <img alt="我是一只天猫" src="//img.alicdn.com/tfs/TB11ojWRXXXXXafaFXXXXXXXXXX-190-27.png"
  18.         </el-col> 
  19.         <el-col :span="19"> </el-col> 
  20.     </el-row> 
  21.     <el-row :gutter="20"
  22.         <el-col :span="15"
  23.             <img alt="九寨沟" src="/images/JiuZhaiGou.jpg" width="800" height="490"
  24.         </el-col> 
  25.  
  26.         <el-col :span="7"
  27.             <template> 
  28.                 <el-tabs v-model="activeName" @tab-click="handleClick"
  29.                     <el-tab-pane label="密码登录" name="first"
  30.                         <el-form ref="form" :model="userForm" label-width="80px"
  31.                             <el-row> 
  32.                                 <el-input placeholder="会员名/邮箱/手机号" prefix-icon="el-icon-user" v-model="userForm.name"></el-input> 
  33.                             </el-row> 
  34.                             <el-row> 
  35.                                 <el-input placeholder="请输入密码" prefix-icon="el-icon-lock" v-model="userForm.password" show-password></el-input> 
  36.                             </el-row> 
  37.                             <el-row> 
  38.                                 <el-button @click="login" type="danger">登录</el-button> 
  39.                             </el-row> 
  40.                         </el-form> 
  41.                     </el-tab-pane> 
  42.                     <el-tab-pane label="短信登录" name="second">短信登录</el-tab-pane> 
  43.                 </el-tabs> 
  44.             </template> 
  45.         </el-col> 
  46.         <el-col :span="2"> </el-col> 
  47.     </el-row> 
  48.  
  49. </div> 
  50.  
  51. <r th:replace="common/footer::.footerApp"/> 
  52. <script src="/js/request.js"></script> 
  53. <script> 
  54.     new Vue({ 
  55.         el: '#app'
  56.         data: { 
  57.             userForm:{}, activeName: 'first' 
  58.         }, 
  59.         methods: { 
  60.             login() { 
  61.                 request({ 
  62.                     url: '/api/login',method: 'post',data: this.userForm, 
  63.                     headers: { 
  64.                         'content-type''application/json;charset=UTF-8',"token"'' 
  65.                     } 
  66.                 }).then(response=>{ 
  67.                     var res = response.data; 
  68.                     this.$message(res.message); 
  69.                 }) 
  70.             }, 
  71.             handleClick(tab, event) { 
  72.                 //console.log(tab, event); 
  73.             } 
  74.         } 
  75.     }); 
  76. </script> 
  77. </body> 
  78. </html> 

 

责任编辑:武晓燕 来源: JAVA日知录
相关推荐

2022-10-17 10:35:34

DevOpsCICD

2023-02-10 10:54:48

DevOpsCICD

2015-07-29 16:23:07

2018-04-20 10:38:25

2018-06-01 23:08:01

Spring Clou微服务服务器

2017-05-25 10:32:41

Docker微服务容器

2019-10-16 08:41:46

微服务架构Nginx

2022-04-09 14:45:02

微服务常见概念Spring

2020-12-01 08:21:05

微服务监控Kubernetes

2017-11-22 13:01:03

Go技术栈构建

2020-09-26 10:56:33

服务器熔断服务隔离

2021-03-16 08:31:59

微服务Sentinel雪崩效应

2021-03-09 09:33:42

网关授权微服务

2023-08-27 16:13:50

架构微服务器

2023-08-16 14:39:20

微服务Java

2022-02-20 22:10:20

微服务框架gRPC

2017-07-04 14:57:40

微服务paasdocker

2015-07-22 15:19:46

Docker云计算微服务

2017-08-07 08:41:13

Java微服务构建

2024-01-30 18:29:29

微服务架构Ingress
点赞
收藏

51CTO技术栈公众号