Jenkins部署vue/uniapp项目，一键打包发布web

已于 2025-01-20 14:02:21 修改
阅读量284 收藏
点赞数 1
文章标签： jenkins vue.js uni-app
于 2025-01-20 10:47:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yuansu_727/article/details/145257300
版权

1.添加项目

配置Git根据标签拉取项目 

2.限制项目运行节点-对应的服务器地址，配置GIt拉取地址、账号（走内网）

Branches to build?

指定分支（为空时代表any）设置为${git_version}

3.构建环境选择

4.添加打包步骤，以下是VUE项目的打包步骤

【Vue】——Jenkins自动打包部署VUE项目
...
10-22 3006
个人理解，Jenkins其实是把我们平时打包部署项目的操作弄成一个流程了，按照我们平时打包部署项目的流程去思考，然后找到对应在Jenkins中如何配置就可以实现基础的打包上传部署。
【项目部署】解放双手，使用Jenkins一键打包部署前端Vue应用
小王的技术库
10-18 3848
本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
Vue3+Uniapp小程序自动化打包上传
weixin_43218691的博客
05-15 1025
使用 vue-cli 搭建的小程序, 当项目开发完成后，需要打包上传小程序代码：在命令行执行打包小程序，然后在对应平台的【开发者工具】导入 dist/build/mp-xxx 文件夹，打开项目，上传小程序。流程较多, 比较繁琐。所以采用小程序自动化打包上传并且集成到发布平台实现真正的一键上传。
jenkins使用cli发行uni-app到h5
与情深 | chacode.cn
11-14 851
jenkins使用cli 发行uni-app到h5
jenkins 打包vue
最新发布
qq_39763510的博客
04-03 131
【代码】jenkins 打包vue。
uniapp项目自动部署 uniapp项目命令方式启动
OneHandOfVoice的博客
06-05 2992
uniapp项目自动部署 uniapp项目命令方式启动
用Vue CLI创建uni-app，摆脱HBuilder，npm命令行运行及发布
liuyaokai1990的博客
05-10 2176
除了 HBuilderX 可视化界面，也可以使用cli脚手架，可以通过vue-cli创建uni-app项目。 如果是老的项目，也可以通过下方步骤，创建一个uni-app选择默认模板，然后将项目原封不动的复制到新项目的 ./src 目录。 执行npm run serve/npm run build就可以运行和打包了。 老项目改用 Vue CLI 可能会遇到一些报错，可以参考...
uniapp项目自动化部署Jenkins，通过命令运行hbuilder打包项目
yuansu_727的博客
02-06 1504
hbuilder创建的uniapp项目，无法直接使用npm运行打包，可以通过hbuilder cli,服务器安装编辑器来打包项目
Docker结合Jenkins部署vue项目
01-20
Docker结合Jenkins部署vue项目 接上篇 Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动 Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx 安装nginx 这里...
jenkins自动部署vue前端项目
08-15
在远程服务器上部署项目，需要了解Linux文件系统和目录结构，知道如何使用命令行进行目录的创建、文件的复制、解压缩和清理等操作。例如，使用tar命令来解压打包好的文件，使用rm命令删除不再需要的文件或目录。 ...
Jenkins 容器化部署 uniapp H5 项目
又是再见?
03-21 383
jenkins 容器化部署 uniapp H5 项目。
uniapp：HbuildeX项目实现jenkins自动化打包上传
mosowe
06-06 6137
ubuntu系统上的jenkins部署基础指令，发送给windows服务器上，windows服务器使用HBuilderX软件的cli.exe执行相关cli命令打包，然后jenkins再调用接口下载打包后的文件。使用pm2后会导致npm包安装失效，貌似是因为在pm2中又进行了一次转译啥的，导致py里面的相关路径可能产生问题，致使os.system命令进入项目文件夹进行npm包安装失效。因对接jenkins所以需要开发对应的接口请求来满足相关的指令发送与文件传输。项目使用域名来控制环境变量，做好相关配置即可。
jenkins声明式远程部署UNIAPP项目(docker打包)
耀阳软件
08-01 664
2. npm镜像设置，node节点上跑过一次之后，可以注释掉，节约点时间。1. 所有可变字段全部用变量定义，方便同类型项目复用。3. 普通vue项目也可参考此模式，略作调整即可。
漫谈Uniapp App热更新包-Jenkins CI/CD打包工具链的搭建
flymyd的博客
12-04 3647
HBuilderX是DCloud旗下的IDE产品，目前只提供了Windows和Mac版本使用。本项目组在开发阶段经常需要向测试环境提交热更新包，使用Jenkins进行CD是非常有必要的一步。尽管HBuilderX提供了CLI，但Jenkins服务通常都是搭建在Linux环境下的。当前的Uniapp wgt打包服务是使用了Windows Server + HBuilderX CLI的解决方案来进行打包，再用Jenkins远程调用接口。这里提供一种Linux下部署的方式。
【Jenkins】部署vue项目（多种方式部署）
热门推荐
怀着一颗学徒的心
07-24 1万+
🥕第一种 （npm run build）打包的形式 🥕第二种 （npm run test）直接启动的形式 🥕第三种 使用docker镜像打包脚本
Jenkins之uni-app自动化部署，配置develop,test,pro环境变量
m0_37123106的博客
04-25 6091
1，要将普通uniapp项目调整成命令行可以启动的项目类似vue，以下是项目目录 1）横线是不需要的文件 2，新建配置公共文件 1）在根目录创建 .env.development .env.production .env.test 2）如以下图片{绿色框} 3，配置命令行 1）打开package.json 文件 2）新增命令 3）正式环境还是 npm run build //npm run dev:h5 运行 .env.development 配置文件 "dev:h5": "cross-
【项目部署】使用Jenkins一键打包部署前端Vue应用
Java升级之路的博客
10-13 2065
嗨，大家好，我是希留，一个被迫致力于全栈开发的老菜鸟。上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用，这一次我们来讲下如何一键打包部署前端应用，以Vue前端应用为例。本文介绍了docker安装nginx，以及Jenkin配置node环境来打包部署前端应用。
【学习笔记】【保姆级】uniapp将项目打包成H5或web，通过flask实现发布
2202_75832991的博客
08-14 3606
在uniapp写完项目后，很多小伙伴就在想，自己做的这东西怎么才能让大家访问到呢🤔办法很多，编译成小程序，通过微信开放平台发布，发布成apk，发布成app上架到应用商店等等，但是这些方法都比较麻烦😭😭😭今天来讲一个比较简单的——打包成网页版，通过flask发布（低代码量，步骤少）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值