目录

2024年全网最全,用docker-compose部署gitlab、Jenkins、SonarQube步骤

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

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

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

环境准备

windows11, docker

部署开始

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

yaml 复制代码
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,用于推送项目

如何生成ssh-key,以及配置,可以看我另一篇文章 如何生成SSH,以及用SSH克隆Github项目, 总之把ssh-key添加进去就可以了。

然后创建一个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。

主要填写以下内容:

text 复制代码
sonar.projectKey=vue
sonar.projectName=vue

sonar.javascript.node.maxspace=4096

sonar.sources=src

sonar.sourceEncoding=UTF-8

sonar.token=你的token

保存后,再跑一次

到SonarQube看一下,完美通过

本文是转载文章,点击查看原文
如有侵权,请联系 xyy@jishuzhan.net 删除
相关推荐
lost_n_found5 小时前
Linux-CentOS从零搭建Jenkins(上),包教包会
jenkins
sauTCc5 小时前
Docker初探
docker
宁zz5 小时前
乌班图安装jenkins
运维·jenkins
c无序5 小时前
【Docker-7】Docker是什么+Docker版本+Docker架构+Docker生态
docker·容器·架构
FixBug_Nick5 小时前
使用Docker安装及使用最新版本的Jenkins
docker·容器·jenkins
ElasticPDF-新国产PDF编辑器5 小时前
Vue use pdf.js and Elasticpdf tutorial
vue.js·pdf
Billy Qin7 小时前
Tree - Shaking
前端·javascript·vue.js
月明长歌7 小时前
Vue + Axios + Mock.js 全链路实操:从封装到数据模拟的深度解析
前端·javascript·vue.js·elementui·es6
头顶秃成一缕光8 小时前
若依——基于AI+若依框架的实战项目(实战篇(下))
java·前端·vue.js·elementui·aigc
冴羽yayujs8 小时前
SvelteKit 最新中文文档教程(17)—— 仅服务端模块和快照
前端·javascript·vue.js·前端框架·react