Jenkins部署前端服务

Beam007

已于 2024-11-26 11:05:20 修改

阅读量9.5k

点赞数 3

分类专栏：其他文章标签： vue.js 前端 javascript

于 2021-11-30 13:17:49 首次发布

本文链接：https://blog.youkuaiyun.com/Beam007/article/details/121630267

版权

本文介绍了如何使用Jenkins进行前端Vue服务的自动化部署，涵盖了从Jenkins的简介到配置、安装插件（Node.js）、配置服务器、配置项目、一键部署的详细步骤，并提到了Pipeline类型的项目创建。此外，还讨论了遇到的问题，如文件冲突、升级Node版本、工作空间管理和SVN连接错误等解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、Jenkins简介

官方说明：
Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件项目可以进行持续集成。

官网地址：
https://www.jenkins.io/index.html

总之：
使用Jenkins，可以实现一键部署发布。
Jenkins从SVN拉取代码 > 部署至发布项目的服务器 > 并启动服务。代替人工运行buil命令打包 > 上传至服务器 > 重启服务。

二、安装Jenkins

后端已在服务器上安装了Jenkins，详细安装过程不赘述，实话是我也不会。

三、安装插件（nodejs）

因需要ssh上传包至服务器，需要publish over ssh插件。
因前端使用node.js打包，需要nodejs插件。
前者，后台已安装，在此不赘述，主要讲解nodejs插件安装过程。

1、安装nodejs

依次点击Manage Jenkins > Manage Plugins
在这里插入图片描述
在可选插件tab，搜索nodejs，选中后点击安装按钮。
此处已安装，所以无法搜索到。

安装完成后，可在已安装搜索到。

2、配置nodejs

依次点击Manage Jenkins > Global Tool Configuration
在这里插入图片描述
往下翻，找到nodejs。
点击nodejs安装按钮。

填写别名，用于后续配置打包时候选择，选中相应使用的nodejs版本号，点击应用按钮。

四、配置服务器

配置项目发布需使用的服务器。
依次点击Manage Jenkins > Configure System。
在这里插入图片描述
往下翻到SSH Servers，已添加的服务器就无需再添加了，后续配置直接选用即可，若此处未添加的可添加一个服务器。
点击新增按钮。

服务器命名，用于后续配置选择，输入服务器IP和登录服务器的用户，点击高级，输入服务器的用户密码。
在这里插入图片描述

输入密码后，点击测试按钮，可测试服务器的连通性，校验配置是否正确。
连接成功后点击应用按钮即可。