视频教程:https://space.bilibili.com/362946499/channel/seriesdetail?sid=3817978
本地安装服务器
只需要在VM虚拟机中,安装一个CentOs操作系统即可,并且配置固定IP。
cd /etc/sysconfig/netword-scripts
vi ifcfg-ens33
# 修改以下两个属性
BOOTPROTO=static
ONBOOT=yes
# 新增以下三个命令, IP请点击 编辑 -> 虚拟网络编辑器 -> nat -> 网关
IPADDR=192.168.xx.xx #IP地址
PREFIX=24
GATEWAY=192.168.xx.xx #网关地址
然后输入 ping www.baidu.com
,如果出现 未知的名称
,则继续修改以下配置文件。
vi /etc/resolv.conf
# 新增以下两行命令
nameserver 8.8.8.8
nameserver 114.114.114.114
1.Jenkins介绍
当我们的代码推送到仓库之后,Jenkins自动拉取我们的代码,帮我们自动打包及部署到服务器。
- 这样我们只推送到代码就可以了,无需手动打包及部署了。
2.宿主环境
我是在自己的笔记本上安装了一个VM,然后在 VM 中安装的 CentOs 操作系统!!!
- 系统环境:
CentOs 7
- 服务器可视化面板:
宝塔
- 内网穿透工具:
OpenFrp Launcher
- 代码管理平台:
gitee
- Jenkins:
2.426.1 LTS
3.安装Jenkins
1、首先我们需要去安装 Jenkins 的 war 包:
2、然后我们需要在宝塔中,创建一个文件夹,将war包放到该文件夹中。
3、在网站中,添加一个
Java项目, 选择SpringBoot类型
,项目jar路径就选择war包。
- JDK需要选择 11 及以上。
项目执行命令
输入框中,需要将--server.port
替换成httpPort
,否则会启动失败。在创建之后正常情况下就会自动创建,然后我们可以点击项目日志,查看默认管理员密码。
然后可以通过端口号或者添加一个域名映射,去访问Jenkins面板,输入默认密码之后,选择安装推荐插件,然后创建管理员用户名。
4.配置插件下载源
默认的下载源是在国外的,我们可以使用清华园提供的。
- 点击:Manage Jenkins -> Plugins -> Advanced settings。
- 将升级站点的值改为:
https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/current/update-center.json
,然后提交。由于我们使用的是 gitee 管理平台,所以需要安装一个插件。
- Manage Jenkins -> Plugins -> Available plugins 搜索
Gitee
。- 由于我们在打包时需要 Node,所以我们在此也将 Node 安装上。
- 安装时可以将 安装完成后重启Jenkins 打上勾。
然后我们去配置Tools。
5.配置Gitee
6.项目假设
假设我这里有一个 博客 项目:
- dev分支:用来让公司员工去测试功能,而master分支是让用户使用的。
- 它部署到 dev.yq2048blog.cn 中。
- master分支:就是给用户正常使用的站点。
- 它部署到 yq2048blog.cn 中。
- 如果这里输入的是域名并且是本地虚拟机,那么就需要去 hosts 文件进行解析。
- 或者使用 端口 的形式,这样使用IP访问就可以,无需进行解析。
- 首先我们需要去 gitee 创建一个仓库,并且创建出这两个分支。
- 并且应该在宝塔中有两个站点,一个是 dev.yq2048blog.cn(测试),一个是 yq2048blog.cn(生产)。
7.添加任务
现在我们去 Jenkins 添加两个任务,分别监视着这两个分支,只要分支有变化,就让它拉取代码,并构建和部署。
- 点击:新建Item -> 创建自由风格 -> 并输入项目名称【Vue_Dev[表示开发分支]】。
- 然后点击该任务,进入后点击:配置 -> 源码管理 -> 输入仓库地址。
- 在
指定分支
中输入dev
,表示监视着 dev 分支。- 在
构建触发器
中,选择Gitee webhook 触发构建
。
- 如果你是公网,那么可以不使用内网穿透。如果是内网,则需要使用内网穿透。
- 复制旁边的网址,进入到 gitee 项目仓库,点击管理 -> WebHooks -> 将网址粘贴进去。
- 如果是内网穿透:http://这里替换成穿透地址/gitee-project/Vue_Dev
- 然后将以上地址粘贴到 webHooks 中。
- 然后在
Jenkins
下方,还要生成Gitee WebHook 密码
密码,同样也粘贴到 gitee 中。- 在构建环境中,选择:Provide Node & npm bin/ folder to PATH
- 然后在构建步骤中,选择执行 shell。
- 并输入命令:
- npm install
- npm run build
- cp -r ./dist/* 目标路径(站点的根目录)
- 然后就会帮我们自动构建,并且部署了,如果失败了,则可以查看控制台输出,看看是哪里出错了。
评论 (0)