宝塔+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参数
在这里插入图片描述
可以选择构建类型
在这里插入图片描述
这里需要填写名称
在这里插入图片描述
下面源码管理的地方需要将你默认的分支换为${上面起的名称}
否则他会部署默认分支
在这里插入图片描述

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

相关内容

热门资讯

保存时出现了1个错误,导致这篇... 当保存文章时出现错误时,可以通过以下步骤解决问题:查看错误信息:查看错误提示信息可以帮助我们了解具体...
汇川伺服电机位置控制模式参数配... 1. 基本控制参数设置 1)设置位置控制模式   2)绝对值位置线性模...
不能访问光猫的的管理页面 光猫是现代家庭宽带网络的重要组成部分,它可以提供高速稳定的网络连接。但是,有时候我们会遇到不能访问光...
表格中数据未显示 当表格中的数据未显示时,可能是由于以下几个原因导致的:HTML代码问题:检查表格的HTML代码是否正...
本地主机上的图像未显示 问题描述:在本地主机上显示图像时,图像未能正常显示。解决方法:以下是一些可能的解决方法,具体取决于问...
表格列调整大小出现问题 问题描述:表格列调整大小出现问题,无法正常调整列宽。解决方法:检查表格的布局方式是否正确。确保表格使...
不一致的条件格式 要解决不一致的条件格式问题,可以按照以下步骤进行:确定条件格式的规则:首先,需要明确条件格式的规则是...
Android|无法访问或保存... 这个问题可能是由于权限设置不正确导致的。您需要在应用程序清单文件中添加以下代码来请求适当的权限:此外...
【NI Multisim 14...   目录 序言 一、工具栏 🍊1.“标准”工具栏 🍊 2.视图工具...
银河麒麟V10SP1高级服务器... 银河麒麟高级服务器操作系统简介: 银河麒麟高级服务器操作系统V10是针对企业级关键业务...