企业网站流程,四川省城乡住房和城乡建设厅网站首页,笔记本可以做网站吗,企业内网网站今天分享Ubuntu环境Jenkins部署前端vue项目
一、插件安装
1、前端项目依赖nodejs#xff0c;需要安装相关插件 点击插件管理#xff0c;输入node模糊查询 选择NodeJS安装 安装成功 2、配置nodejs 点击后进入 点击新增 NodeJS 配置脚手架类型#xff1a;如果不填 默认npm …今天分享Ubuntu环境Jenkins部署前端vue项目
一、插件安装
1、前端项目依赖nodejs需要安装相关插件 点击插件管理输入node模糊查询 选择NodeJS安装 安装成功 2、配置nodejs 点击后进入 点击新增 NodeJS 配置脚手架类型如果不填 默认npm 目前流行配置 yarn 无论使用npm还是yarn均要在服务器上安装插件命令如下
apt install npm
#或者
apt install cmdtest #yarn的脚手架npm install -g yarn #yarn的脚手架
安装之前可以先验证一下是否已经安装
npm -versionyarn --version 先自动安装点击保存。
3、开始创建前端项目任务点击新建Item 4、配置分支 选择 填写 5、配置源码地址 配置分支占位符:$branch 注意:此处占位符一定要填否则构件时无论你选择哪个分支最后都是执行的master分支。
6、配置构件环境 选中后默认填充
7、开始构建 选择 进入 填上脚本
yarn
yarn run build
rm -rf /data/app/dist/*
cp -rf /var/lib/jenkins/workspace/test_vue/dist /data/app/
也可以不复制nginx直接指向 /var/lib/jenkins/workspace/test_vue/dist
这样减少节约资源具体业务具体情况。
8、然后构建时报错 此处是nidejs版本问题现在是21.5需要调整到8-18行就行 继续构件出现文件权限问题 配置权限
vim /etc/default/jenkins
找到 均改成 root 然后
chown -R root:root /var/lib/jenkins
chown -R root:root /var/cache/jenkins
chown -R root:root /var/log/jenkins
chown -R root:root /data/app/dist
重新构建又报错 继续查看 好像看不到原因继续查看jenkin启动日志
sudo journalctl -xe | grep jenkins
看到关键信息 还是权限问题
sudo useradd -m jenkins
sudo groupadd jenkins
sudo usermod -a -G jenkins jenkinssudo chown -R jenkins:jenkins /var/lib/jenkins
sudo chown -R jenkins:jenkins /var/cache/jenkins
sudo chown -R jenkins:jenkins /var/log/jenkins
sudo chown -R jenkins:jenkins /data/app/dist
重启jenkins服务器 cd /etc/init.d/./jenkins status./jenkins stop./jenkins start
或者新版本
vim /usr/lib/systemd/system/jenkins.servicesystemctl daemon-reloadsystemctl start jenkins.servicesystemctl stop jenkins.servicesystemctl status jenkins.service#设置开机自启
systemctl enable jenkins.service## 服务关闭自动启动
systemctl disable jenkins.service## 检查服务状态
systemctl status jenkins.service## 显示所有已启动的服务
systemctl list-units --typeservicenetstat -ntap | grep 8080 或者
systemctl enable jenkins
systemctl start jenkins
systemctl status jenkin或者
sudo service jenkins startsudo service jenkins start|stop|restart
最后重新构建就成功了。
到此Linux之Ubuntu环境Jenkins部署前端项目分享完毕下篇我们分享其更高级的用法敬请期待
