Jenkins部署前端项目

最新推荐文章于 2024-04-22 11:21:16 发布
最新推荐文章于 2024-04-22 11:21:16 发布
阅读量1.9k 收藏
点赞数
文章标签： jenkins 前端 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pfourfire/article/details/127454573
版权

记录一下Jenkins部署前端项目的坑

思路

首先需要准备两台服务器,一台服务器为应用服务器,安装了Nginx, 一台服务器为Jenkins服务器,安装了Jenkins,两台服务器安装方式都是docker,项目在Jenkins服务器打包完成之后,传输到应用服务器Nginx配置好的目录下即可

docker安装Jenkins

只需要按照Jenkins官网指南中所述步骤进行安装即可,在这里不做详细介绍

安装以及配置Jenkins插件以及ssh免密登录配置

这里我们需要用到的插件有 Git Nodejs Publish over ssh在Jenkins系统管理->插件管理中搜索下载安装之后对他们进行配置

Git插件

最低0.47元/天 解锁文章
姑老爷呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
项目打包和自动化部署
魔法革1996
03-27 5248
一. 项目部署和DevOps 1.1. 传统的开发模式 在传统的开发模式中，开发的整个过程是按部就班就行： 但是这种模式存在很大的弊端： 工作的不协调：开发人员在开发阶段，测试和运维人员其实是处于等待的状态。等到测试阶段，开发人员等待测试反馈bug，也会处于等待状态。 线上bug的隐患：项目准备交付时，突然出现了bug，所有人员需要加班、等待问题的处理； 1.2. DevOps开发模式 DevOps是Development和Operations两个词的结合，将开发和运维结合起来的模式：.
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
Docker结合Jenkins部署vue项目
01-20
Docker结合Jenkins部署vue项目 接上篇 Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动 Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx 安装nginx 这里安装过程不再赘述，如果不清楚可以参考下面这篇文章 https://blog.csdn.net/qq_42815754/article/details/82980326 配置Jenkins 具体填Jenkins配置可以参考我的上一篇文章，这里需要安装一个额外的插件 dockerfile 在前端项目的根目录下添加dockerfile文件，内容如下： #
前端项目配置jenkins自动化部署
weixin_54018015的博客
08-08 1477
记录jenkins自动化部署配置
我早就看现在的工作流不爽了！- 前端使用 Jenkins
最新发布
程序员成长指北
04-22 42
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群背景目前笔者所在的小公司的前端项目还是推送到git仓库后由另一名后端拉取代码到他电脑上再build，然后再手动同步到服务器上，比较麻烦，而且出现一个bug就要立即修复，笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Je...
Jenkins自动部署后端maven项目、前端vue项目，包含在远程服务器的部署方法
Derek7117的博客
09-27 3511
Jenkins安装与部署
【项目部署】使用Jenkins一键打包部署前端Vue应用
Java升级之路的博客
10-13 1570
嗨，大家好，我是希留，一个被迫致力于全栈开发的老菜鸟。上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用，这一次我们来讲下如何一键打包部署前端应用，以Vue前端应用为例。本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。
使用Jenkins部署React项目的方法步骤
01-21
公司的前端项目部署方式比较简单，整个过程基本上是手动的； 目标 通过工具实现以下几个任务： 编译、部署自动化； 选择指定版本进行回滚； 区分不同的分支（环境）； 技术方案 选用 jenkins 作为部署工具；也...
jenkins部署vue前端
10-18
jenkins部署vue前端
jenkins结合gitlab部署vue项目
11-25
jenkins结合gitlab部署vue项目，vue版本3，node 环境14.15.1，jdk1.8，windows环境，内容包括操作录屏和操作文档
手摸手教你 docker+jenkins+gitlab 部署你的前端项目
12-01 1083
学习了一周的CICD,踩了很多坑,都是泪,特此记录一下整个过程,本次项目产出效果是,git push的时候自动化直接部署到服务器上,以下是整个大致流程:你所需要准备的:docker最基本的知识,并安装docker和docker-composelinux最基本命令,知道私钥公钥生成使用过git工具你的前端项目npm run build 成功你需要一台 ram>1G的linux服务器基本应变能力,排查bug能力(1). 创建一个docker-compose.yml文件,放到/home/work/文件夹下(可自定
【收藏】使用jenkins搭建一个中小企业前端项目部署环境（详细）
zz_jesse的博客
02-15 184
原文链接: https://juejin.cn/post/7191076198506561573作者：白哥学前端本文你能学到什么?传统发布和现在发布的对比和区别项目案例-手动上传服务器，使用jenkins上传服务器配置不同的发布环境配置域名配置https配置钉钉机器人通知服务器购买：抢占式实例Jenkins 安装示例服务器为 阿里云 CentOS 服务器。安全组中增加 8080 端口 Jenkin...
jenkins自动部署_学会使用Jenkins自动部署你的项目
weixin_39857153的博客
12-03 229
一、前言1.1 传统网站部署的流程传统的网站部署，大家在运维过程中，网站部署是运维的工作之一，网站部署的流程大致分为：需求分析—原型设计—开发代码—提交测试—内网部署—确认上线—备份数据—外网更新-最终测试，如果发现外网部署的代码有异常，需要及时回滚。(如下图所示)1.2 目前主流网站部署的流程目前主流网站部署方法，通过Jenkins工具平台实现全自动部署+测试，是一个可扩展的持续集成引...
Jenkins前端项目部署----同服务器
belief_009的博客
11-24 379
前端项目自动化部署： NodeJS、钉钉机器人(全局配置)、相关插件(插件管理) Jenkins配置： 创建Jenkins项目 1、 新建任务---->创建一个自由风格的软件项目； 2、 钉钉机器人---->高级里面全选； 3、 丢弃构建------>保持构建天数、构建的最大个数(3)（根据项目自定义） 4、 源码管理 （1）Git----->url(gitlab上面的地址)----->账户（可以直接添加或者在系统管理–>凭据配置里面添加）； （2）选择gitlab上面
jenkins 前后端项目部署流程（测试篇）
qq_29073117的博客
03-25 3150
文章目录前言一、linux 安装nginx1、检查是否已经安装nginx2、安装nginx二、部署前端代码1、使用jenkins创建前端流水线2、配置流水线3、使用jenkins部署后端三、修改nginx配置1、配置nginx总结 前言 这是一篇关于使用jenkins部署前后端项目的文章，基础环境是：一台安装了java环境的linux 服务器、jenkins部署软件，一套前后端部署代码。从nginx安装，到前端部署，到后端部署，到项目正常运行。主要是写给测试同学来看。 让我们开始部署流程吧 一、linu
jenkins实现vue前端自动部署
老刀
05-30 9171
1.配置nodejs https://nodejs.org/dist/ 下选择自己需要的版本下载。 我使用8，页面上会出现如下版本供选择。 node-v8.16.0-linux-arm64.tar.gz node-v8.16.0-linux-arm64.tar.xz gz和xz格式无所谓，只是压缩方式的不同 下载后解压到服务器下合适的目录。接下来登录jenkins配置，系统管理–》全局工具配置...
使用jenkins部署vue前端项目
qq_35101267的博客
05-23 2068
jenkins安装过程略！ linux安装git过程略（本君是centos7）！ linux安装node过程略（本君是v8）！ 1:预先配置好git，如下图，点击manager jenkins； 2:点击“global tool configuration”，如下图； 3:配置git，name随意，path to git executable可以用命令 whereis git查询，默认都是图中路径； 4:配置node，本君linux安装的就是8.11.2，所以versio...
jenkins前端实现自动化部署（vue项目）
梦里小白龙个人博客
06-13 7847
1.jenkins创建任务 2.创建任务跳转页面 3.保存后配置页面git添加用户进入Jenkins 凭据提供者数据用户名密码 Repository URL：支持https和ssh Credentials：Jenkins 凭据提供者数据用户名密码 Branch Specifier (blank for 'any')：写git分支默认msater 3.buid-选择执行shell 3....
前端工程化：保姆级教学 Jenkins 部署前端项目
zz_jesse的博客
06-14 346
DevOps提到 Jenkins，想到的第一个概念就是 CI/CD 在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps 是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付，使软件的构建，测试，发布更加的快捷、稳定、可靠。CICI 的...
jenkins部署前端项目
07-27
下面是一个简单的步骤指南来使用Jenkins部署前端项目： 1. 安装Jenkins：首先，你需要在你的服务器上安装Jenkins。你可以按照Jenkins官方文档的指引来完成安装。 2. 创建一个新的Jenkins Job：在Jenkins的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值