DevOps系列---【Jenkinsfile+Dockerfile+nginx+vue】

1.前提：一台装好docker和jenkins的服务器

docker安装教程:https://www.cnblogs.com/hujunwei/p/15813061.html

jenkins安装教程:https://www.cnblogs.com/hujunwei/p/13176994.html

2.编写Dockerfile，放在项目根目录下

FROM nginx
#修改名字、版本、作者
LABEL name="home-finance-web-dev" version="1.0.0" author="hjw"
COPY dist/ /usr/share/nginx/html/
COPY nginx/nginx-dev.conf /etc/nginx/nginx.conf
EXPOSE 80

3.编写Jenkinsfile，放在项目根目录下

//流水线脚本
pipeline {
    agent any
    environment {
        //工作目录
        WS = "${WORKSPACE}"
        //任务名称
        JOB_NAME = "${JOB_BASE_NAME}"
        //node中npm的镜像地址
        NODE_REGISTRY = "http://localhost/artifactory/api/npm/public-npm-virtual/"
        //docker镜像仓库地址
        DOCKER_REGISTRY = "localhost"
        SAVE_HISTORY_IMAGE_NUM=2
        PORT=81
    }

    //定义流水线的加工流程
    stages {
        stage('环境检查') {
            steps{
                sh 'printenv'
                sh 'git --version'
                sh 'docker --version'
            }
        }

        stage('编译') {
            //jenkins不配置任何环境的情况下可以兼容任何场景
            agent {
                docker {
                        //image 'node:14.17.6-alpine3.13'在线用这个，离线用镜像id
                        image 'f05f6c17701e'
                }
            }
            steps{
                sh 'node -v'
                sh 'pwd && ls -alh'
                sh "echo 默认的项目目录:${WS}"
                //注意:cd ${WS} && mvn不能分开写，也不能直接用${WORKSPACE}
                sh "cd ${WS} && npm config set registry=${NODE_REGISTRY} && npm install && npm run build:test"
            }
        }

        stage('生成镜像') {
            steps{
                sh 'pwd && ls -alh'
                sh 'docker version'
                sh "echo 默认的项目目录:${WS}"
                sh "cd ${WS} && docker build -t ${JOB_NAME} ."
                sh "docker tag ${JOB_NAME} ${DOCKER_REGISTRY}/${JOB_NAME}/test:${BUILD_ID}"
                sh "echo 生成的镜像名称和标签为:${DOCKER_REGISTRY}/${JOB_NAME}/test:${BUILD_ID}"
            }
        }

        stage('部署') {
            steps{
                sh 'pwd && ls -alh'
                script{
                     def buildId = "${BUILD_ID}"
                     int buildIdNum = buildId as int
                     print(buildIdNum)
                     if(buildIdNum > 1){
                         sh "docker rm -f ${JOB_NAME}"
                     }
                }

                sh "docker run -d -p ${PORT}:80 --restart=always --name ${JOB_NAME} ${DOCKER_REGISTRY}/${JOB_NAME}/test:${BUILD_ID}"
                script {
                    sh "echo BUILD_ID为:${BUILD_ID}"
                    def buildId = "${BUILD_ID}"
                    def save = "${SAVE_HISTORY_IMAGE_NUM}"
                    print(buildId)
                    print(save)
                    int buildIdNum = buildId as int
                    int saveNum = save as int
                    if(buildIdNum > saveNum){
                        def rmiTag = buildIdNum-saveNum;
                        print(rmiTag)
                        sh "echo rmiTag:${rmiTag}"
                        sh "docker rmi ${DOCKER_REGISTRY}/${JOB_NAME}/test:${rmiTag}"
                    }
                }
            }
        }
    }
}

4.编写nginx-dev.conf,放在项目根目录下的nginx目录下

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;

events {
    worker_connections  1024;
}

http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    # include /etc/nginx/conf.d/*.conf;

    server {
        listen       80;
        server_name  101.43.159.8; # 服务器地址或绑定域名

        #charset koi8-r;
        #access_log  /var/log/nginx/host.access.log  main;

        # =========================================================
        # ================== ↓↓↓↓↓↓ start ↓↓↓↓↓↓ ==================
        # =========================================================

        location / {
            root   /usr/share/nginx/html;
            #try_files $uri $uri/ @router;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; # 解决页面刷新 404 问题
            #proxy_pass http://zhengqingya.gitee.io; # 代理的ip地址和端口号
            #proxy_connect_timeout 600; #代理的连接超时时间（单位：毫秒）
            #proxy_read_timeout 600; #代理的读取资源超时时间（单位：毫秒）
        }

        # =========================================================
        # ================== ↑↑↑↑↑↑ end ↑↑↑↑↑↑ ==================
        # =========================================================

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }

    }
}