基于微服務的CICD實戰

作者：飄渺Jam 2021-07-07 10:21:26

開發前端

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 段輸出

mvn clean install -pl com.lab:book-common -am -Ptest

[INFO] Reactor Build Order: 
[INFO] 
[INFO] school_parent                                                      [pom] 
[INFO] common                                                             [pom] 
[INFO] cloud-common                                                       [jar] 
[INFO] book-common

[INFO] Reactor Summary for school_parent 0.0.1-SNAPSHOT: 
[INFO] 
[INFO] school_parent ...................................... SUCCESS [  0.761 s] 
[INFO] common ............................................. SUCCESS [  0.083 s] 
[INFO] cloud-common ....................................... SUCCESS [  6.430 s] 
[INFO] book-common ........................................ SUCCESS [  3.236 s] 
[INFO] ------------------------------------------------------------------------ 
[INFO] BUILD SUCCESS 
[INFO] ------------------------------------------------------------------------ 
[INFO] Total time:  11.880 s 
[INFO] Finished at: 2020-05-03T14:13:12+08:00 
[INFO] ------------------------------------------------------------------------

Alibaba Sentinel

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 環境

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

settings.xml 文件，加個國內鏡像

<mirror> 
 <id>aliyunmaven</id> 
 <mirrorOf>*</mirrorOf> 
 <name>阿里云公共倉庫</name> 
 <url>https://maven.aliyun.com/repository/public</url> 
</mirror>

頂級父工程 pom.xml 添加，跳過單元測試編譯和執行

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

如果有 Maven Nexus，則另外添加設置，install 替換為 deploy

Jenkins

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

第二次卡住執行替換命令：

cd /root/.jenkins/updates 
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

root@jazz-pc:/opt# which git 
/usr/bin/git 
root@jazz-pc:/opt# which svn 
/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

#!/bin/bash 
 
cd ./school 
mvn clean install -pl com.lab:book-common -am -Ptest 
 
echo 'install ok!'

Item book-web

源碼管理略
Execute shell

#!/bin/bash 
 
cd ./school/book-web 
mvn clean package -Ptest 
 
echo 'package ok!' 
echo 'build start!' 
 
service_name="book-web" 
service_prot=80 
 
IID=$(docker images | grep "$service_name" | awk '{print $3}') 
echo "IID $IID" 
 
if [ -n "$IID" ] 
then 
    echo "exist $service_name image,IID=$IID" 
 
    docker rmi -f $service_name 
    echo "delete $service_name image" 
 
    docker build -t $service_name . 
    echo "build $service_name image" 
else 
    echo "no exist $service_name image,build docker" 
 
    docker build -t $service_name . 
    echo "build $service_name image" 
fi 
 
CID=$(docker ps -a | grep "$service_name" | awk '{print $1}') 
echo "CID $CID" 
 
if [ -n "$CID" ] 
then 
    echo "exist $service_name container,CID=$CID" 
 
    docker stop $service_name 
    docker rm $service_name 
else 
    echo "no exist $service_name container" 
fi 
 
docker run -d --name $service_name \ 
-v /etc/localtime:/etc/localtime:ro \ 
-v /etc/timezone:/etc/timezone:ro \ 
-v /data/logs:/data/logs:rw \ 
--net=host -p $service_prot:$service_prot $service_name

Item book-gateway

源碼管理和 Execute shell 略

Item book-service

Execute shell

#!/bin/bash 
 
cd ./school/book-server 
mvn clean package -Ptest 
 
echo 'package ok!' 
echo 'build start!' 
 
service_name="book-server" 
service_prot=20880 
 
IID=$(docker images | grep "$service_name" | awk '{print $3}') 
echo "IID $IID" 
 
if [ -n "$IID" ] 
then 
    echo "exist $service_name image,IID=$IID" 
 
    docker rmi -f $service_name 
    echo "delete $service_name image" 
 
    docker build --no-cache -t $service_name . 
    echo "build $service_name image" 
else 
    echo "no exist $service_name image,build docker" 
 
    docker build -t $service_name . 
    echo "build $service_name image" 
fi 
 
CID=$(docker ps -a | grep "$service_name" | awk '{print $1}') 
echo "CID $CID" 
 
if [ -n "$CID" ] 
then 
    echo "exist $service_name container,CID=$CID" 
 
    docker stop $service_name 
    docker rm $service_name 
else 
    echo "no exist $service_name container" 
fi 
 
docker run -d --name $service_name \ 
-e DUBBO_IP_TO_REGISTRY=192.168.1.6 \ 
-e DUBBO_PORT_TO_REGISTRY=$service_prot \ 
-e DUBBO_IP_TO_BIND=192.168.1.6 \ 
-p $service_prot:$service_prot \ 
-v /etc/localtime:/etc/localtime:ro \ 
-v /etc/timezone:/etc/timezone:ro \ 
-v /data/logs:/data/logs:rw \ 
--net=host \ 
$service_name

Dockerfile

位置和 pom.xml 路徑平級，book-server 內容如下，其他略

FROM adoptopenjdk/openjdk11:jdk-11.0.7_10-alpine 
VOLUME ["/tmp","/data/logs"] 
COPY ./target/book-server-0.0.1-SNAPSHOT.jar book-server.jar 
ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/book-server.jar","&"]

book-web 執行構建 Build Now

book-web 前端瀏覽器訪問

<!DOCTYPE html> 
<html xmlns:th="http://www.thymeleaf.org"> 
<head> 
    <meta charset="UTF-8"/> 
    <title>理想生活上天貓，登錄頁面</title> 
    <r th:insert="common/header::#headerApp"/> 
</head> 
 
<body> 
<div id="app"> 
    <el-row :gutter="20"> 
        <el-col :span="24"> </el-col> 
    </el-row> 
    <el-row :gutter="20"> 
        <el-col :span="1"> </el-col> 
        <el-col :span="4"> 
            <img alt="我是一只天貓" src="//img.alicdn.com/tfs/TB11ojWRXXXXXafaFXXXXXXXXXX-190-27.png"> 
        </el-col> 
        <el-col :span="19"> </el-col> 
    </el-row> 
    <el-row :gutter="20"> 
        <el-col :span="15"> 
            <img alt="九寨溝" src="/images/JiuZhaiGou.jpg" width="800" height="490"> 
        </el-col> 
 
        <el-col :span="7"> 
            <template> 
                <el-tabs v-model="activeName" @tab-click="handleClick"> 
                    <el-tab-pane label="密碼登錄" name="first"> 
                        <el-form ref="form" :model="userForm" label-width="80px"> 
                            <el-row> 
                                <el-input placeholder="會員名/郵箱/手機號" prefix-icon="el-icon-user" v-model="userForm.name"></el-input> 
                            </el-row> 
                            <el-row> 
                                <el-input placeholder="請輸入密碼" prefix-icon="el-icon-lock" v-model="userForm.password" show-password></el-input> 
                            </el-row> 
                            <el-row> 
                                <el-button @click="login" type="danger">登錄</el-button> 
                            </el-row> 
                        </el-form> 
                    </el-tab-pane> 
                    <el-tab-pane label="短信登錄" name="second">短信登錄</el-tab-pane> 
                </el-tabs> 
            </template> 
        </el-col> 
        <el-col :span="2"> </el-col> 
    </el-row> 
 
</div> 
 
<r th:replace="common/footer::.footerApp"/> 
<script src="/js/request.js"></script> 
<script> 
    new Vue({ 
        el: '#app', 
        data: { 
            userForm:{}, activeName: 'first' 
        }, 
        methods: { 
            login() { 
                request({ 
                    url: '/api/login',method: 'post',data: this.userForm, 
                    headers: { 
                        'content-type': 'application/json;charset=UTF-8',"token": '' 
                    } 
                }).then(response=>{ 
                    var res = response.data; 
                    this.$message(res.message); 
                }) 
            }, 
            handleClick(tab, event) { 
                //console.log(tab, event); 
            } 
        } 
    }); 
</script> 
</body> 
</html>

責任編輯：武曉燕來源： JAVA日知錄

技術