看了很多相关的文章，发现都讲得不是很全面。于是我花了几天时间，终于完成了整个部署流程。

为什么已经2024年了，还选择Jenkins？gitlab不是集成了gitlab-runner可以进行CI/CD部署吗？因为Jenkins更加灵活，可以搭配其他的工具进行各种定制部署方案。并且Jenkins开源免费，资料也比较全，目前找不到更好的替代方案。

SonarQube是代码审核工具，能够对代码进行扫码，提升代码质量。

环境准备

windows11, docker

部署开始

复制以下yml文件，进行docker-compose部署

version: '3.6'
name: gitlab
services:
    gitlab:
        image: 'gitlab/gitlab-ce:latest'
        container_name: gitlab
        restart: always
        hostname: '127.0.0.1'
        privileged: true
        environment:
            TZ: 'Asia/Shanghai'
            GITLAB_OMNIBUS_CONFIG: |
                external_url 'http://127.0.0.1:30080' # web站点访问地址
                registry_external_url 'http://127.0.0.1:30080'
                gitlab_rails['time_zone'] = 'Asia/Shanghai'
            GITLAB_ROOT_PASSWORD: 'abc123456'
        ports:
            - '30080:30080' # 注意宿主机和容器内部的端口要一致，否则external_url无法访问
            - '443:443'
            - '22:22'
        volumes:
            - './gitlab/config:/etc/gitlab'
            - './gitlab/logs:/var/log/gitlab'
            - './gitlab/data:/var/opt/gitlab'
        shm_size: '256m'

    jenkins:
        image: jenkins/jenkins:latest
        container_name: jenkins
        user: root
        restart: always
        ports:
            - 8080:8080
            - 5000:5000
        volumes:
            - ./jenkins/jenkins_home/:/var/jenkins_home

    sonarqube:
        image: sonarqube:latest
        container_name: sonarqube
        restart: always
        ports:
            - 9000:9000
        depends_on:
            - postgres
        environment:
            - SONARQUBE_JDBC_USERNAME=sonar
            - SONARQUBE_JDBC_PASSWORD=Sonar12#$
            - SONARQUBE_JDBC_URL=jdbc:postgresql://postgres:5432/sonarqube
        volumes:
            - ./sonarqube/conf:/opt/sonarqube/conf
            - ./sonarqube/data:/opt/sonarqube/data
            - ./sonarqube/extensions:/opt/sonarqube/extensions

    postgres:
        image: postgres:latest
        container_name: postgres
        restart: always
        ports:
            - 5432:5432
        environment:
            - POSTGRES_USER=sonar
            - POSTGRES_PASSWORD=Sonar12#$
            - POSTGRES_DB=sonarqube
        volumes:
            - ./postgres/postgresql:/var/lib/postgresql
            - ./postgres/postgresql_data:/var/lib/postgresql/data

networks:
    gitlab:
        external: true

配置gitlab

gitlab的部署要等很久，大概10分钟之后，就可以进入http://localhost:30080/users/sign_in ，因为gitlab我配置的密码是abc123456，账号是root，即可登录。

配置ssh，用于推送项目

然后创建一个vue3空项目，按照提示拉取项目git clone http://127.0.0.1:30080/root/vue3.git, 并且用vite创建一个vue3项目放进去，再推到仓库上。这些都很简单，就不演示了。

踩坑一、 Requests to the local network are not allowed

后面测试，会出现这个错误，所以要配置好。

在这个Settings/Network中，也就是 http://localhost:30080/admin/application_settings/network 的位置，找到Outbound requests，勾选上，然后保存配置。

安装Jenkins

进入Jenkins网站，http://localhost:8080

在终端中输入docker logs -f jenkins查看密码

选择推荐的要花20分钟的时间来安装，太慢了，我们选择自定义

点一下无，取消所有选项，然后进入下一步

配置Jenkins

先安装插件

安装gitlab，gitlab API，nodejs，SonarQube

安装一下nodejs插件和SonarQube插件，最新即可

创建项目，与gitlab对接

选择第一个就行了

把项目地址的127.0.0.1改成gitlab，添加凭证 用gitlab的账号密码登录，也就是root，abc123456

没有红色，就说明成功了

修改分支为main

生成Jenkins token

保存token，环境勾选Node

选择shell脚本，输入打包的语句 保存即可

配置gitlab webhooks

按照图片中的填写，保存即可

测试一下是否成功

这样就说明成功了

配置SonarQube token

进入sonarqube网站，账号密码都是admin

添加一个项目，使用local project

创建后，自动跳转到这里

保存好这个token

与SonarQube对接

按照填写即可

配置SonarQube Scanner

再次进入项目配置，添加SonarQube Scanner。

主要填写以下内容：

sonar.projectKey=vue
sonar.projectName=vue

sonar.javascript.node.maxspace=4096

sonar.sources=src

sonar.sourceEncoding=UTF-8

sonar.token=你的token

保存后，再跑一次

到SonarQube看一下，完美通过