宝塔+docker+jenkins部署vue项目(保姆级教程)
创始人
2024-05-29 21:01:06
0

1.使用宝塔安装docker

在软件商城安装Docker管理器
在这里插入图片描述

2.使用docker下载jenkins镜像

使用命令行

docker pull jenkins/jenkins:lts        //lts表示支持版本较长

3.创建并且挂载jenkins目录并赋值

jenkins_home为我创建的目录 可以修改任意目录

mkdir -p /jenkins_home
chown -R 1000 /jenkins_home

4.创建并启动Jenkins

我这里设置的端口为8080
启动之前需要在云服务器管理平台和宝塔开通相应端口号

docker run -di --name=jenkins -p 8080:8080 -v  /jenkins_home:/var/jenkins_home jenkins/jenkins:lts-d 标识是让 docker 容器在后盾运行
-p 8080:8080 将镜像的8080端口映射到服务器的8080端口
-v  /jenkins_home:/var/jenkins_home目录为容器jenkins工作目录,咱们将硬盘上的一个目录挂载到这个地位,不便后续更新镜像后持续应用原来的工作目录。这里咱们设置的就是下面咱们创立的 /var/jenkins_mount目录
--name定义一个容器的名字,如果没有指定,那么会主动生成一个随机数字符串当做UUID

代表成功
在这里插入图片描述
在这里插入图片描述
首次加载比较慢、需要等待很长时间
到这个页面算是初始化完成了
在这里插入图片描述
输入密码路径为 之前设置的路径 可以在文件中找或者

docker logs jenkins

在这里插入图片描述
直接安装推荐插件
在这里插入图片描述

正在安装中!!
在这里插入图片描述
安装成功后创建管理员账号(一定要记住这个也是登录账号密码)
在这里插入图片描述
这里实例配置直接默认 就行在这里插入图片描述
安装成功
在这里插入图片描述
完成后最好在docker中重启下jenkins镜像
登录
在这里插入图片描述

5.配置jenkins

首先下载插件
在这里插入图片描述
安装插件 NodeJS、Publish Over SSH (下图为安装教程)这三个插件都这么安装
![在这里插入图片描述](https://img-blog.csdnimg.cn/51e4bb9d82c3406da1090119691f5be2.p

完成
在这里插入图片描述
接下来添加凭证(这里我认为的是添加全局账号密码例如服务器账号、git账号密码)部署时候用
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这里我创建了服务器账号密码和git账号密码
在这里插入图片描述
在这里插入图片描述
成功
在这里插入图片描述
接下来配置node工具
在这里插入图片描述
在这里插入图片描述
设置好 勾选自动安装然后应用=》保存(听说不要选择18版本的node)

接下来配置服务器SSH
首先在宝塔中开启SSH
在这里插入图片描述

在这里插入图片描述
找到 Publish over SSH
需要配置
Passphrase 服务器SSH远程连接密码
SSH Servers中
Name 服务器名称(随便起名)
Hostname 主机号 例如192.168.0.1 (实际主机号)
Username 服务器SSH远程连接账号
Remote Directory 进入的路径
在这里插入图片描述
在这里插入图片描述
输入完成之后点击右下角测试 显示成功说明成功连接
在这里插入图片描述

6.创建项目并且配置

在这里插入图片描述
在这里插入图片描述
源码管理选择git
输入git地址并且选择配置好的git账号密码
在这里插入图片描述
部署指定分支(后面我会下载插件选择部署指定分支或标签)
在这里插入图片描述
构建触发器 勾选
在这里插入图片描述
在这里插入图片描述

构建步骤
在这里插入图片描述

echo "开始构建"
node -v
npm -v
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
npm run build
#进入到打包目录
cd dist
#删除上次打包生成的压缩文件
rm -rf *.tar.gz
#把生成的项目打包成压缩包方便传输到远程服务器
tar -zcvf `date +%Y-%m-%d-%H-%M-%S`.tar.gz *
#回到上层工作目录
cd ../
echo "构建结束"

里面的npm指令根据实际的命令调整
这里步骤是 把你的代码构建成文件并且压缩下一步应该发到你的服务器
这里点击添加构建步骤
在这里插入图片描述
在这里插入图片描述

#进入远程服务器的目录
cd /www/wwwroot/你的项目地址
#找到新的压缩包
tar -zxvf *.tar.gz -C ./
echo ">>>移除*.tar.gz"
rm -rf *.tar.gz
#发布完成
echo "发布完成"

应用保存
就可以去尝试部署了
在这里插入图片描述
成功!
在这里插入图片描述

上面说到我想部署某个分支或者标签这么弄

下载Git Parameter插件
在这里插入图片描述
下载
在这里插入图片描述
打开项目配置
选择参数化构建过程 选择git参数
在这里插入图片描述
可以选择构建类型
在这里插入图片描述
这里需要填写名称
在这里插入图片描述
下面源码管理的地方需要将你默认的分支换为${上面起的名称}
否则他会部署默认分支
在这里插入图片描述

应用保存
点击部署
在这里插入图片描述
就可以选择分支部署了
在这里插入图片描述
在这里插入图片描述
点个关注支持一下我吧
在这里插入图片描述

相关内容

热门资讯

银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
AWSECS:访问外部网络时出... 如果您在AWS ECS中部署了应用程序,并且该应用程序需要访问外部网络,但是无法正常访问,可能是因为...
北信源内网安全管理卸载 北信源内网安全管理是一款网络安全管理软件,主要用于保护内网安全。在日常使用过程中,卸载该软件是一种常...
AWSElasticBeans... 在Dockerfile中手动配置nginx反向代理。例如,在Dockerfile中添加以下代码:FR...
​ToDesk 远程工具安装及... 目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
AsusVivobook无法开... 首先,我们可以尝试重置BIOS(Basic Input/Output System)来解决这个问题。...
ASM贪吃蛇游戏-解决错误的问... 要解决ASM贪吃蛇游戏中的错误问题,你可以按照以下步骤进行:首先,确定错误的具体表现和问题所在。在贪...