首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >nginx+jenkins部署git前端项目

nginx+jenkins部署git前端项目

作者头像
掘金安东尼
发布于 2024-01-28 00:49:51
发布于 2024-01-28 00:49:51
33900
代码可运行
举报
文章被收录于专栏:掘金安东尼掘金安东尼
运行总次数:0
代码可运行

前言

从 tomcat 到 github Page,再到 nginx。技术在变化,但搭建个人站点的执念没有中断。

与你同行!

购买 ECS 服务器

首先前往某云买ECS服务器,先买一个月的。

安装 SSH 工具

下载安装 x-shell6

用 xshell 连接服务器,连接之前重启一下服务器(忘记密码请重置)

ps:如果用的是 aliyun,可以直接在线管理终端。

安装 web 容器:nginx

  • 安装 nginx
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# yum install nginx

# yum remove nginx //卸载
  • 查看版本
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# nginx -v
  • 查看配置
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# nginx -t
# cd /etc/nginx
# ls

配置 nginx.conf

安装 vim 编辑器,编辑 nginx 配置并创建测试项目

  • 安装 vim
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# yum install vim
  • 编辑 config
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# vim nginx.conf
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 # i //编辑器底部出现 insert 后 你可以编辑配置文件了;
  • 编辑 location (这是默认静态资源文件存放的地址)

编辑完后,依次输入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
esc //退出编辑模式
:wq //保存退出
nginx -t 查看配置文件是否报错

successful 啦!

  • 创建项目
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
cd /root
mkdir www
cd www
vim index.html //创建 index.html 文件

(一样要记得,esc后:wq保存退出)

启动 nginx

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
# nginx 

403? 不要慌=>配一配某云安全组- 安全组规则(默认80端口,粗暴开启 ICMP

通过解决这个问题,你可以更加熟悉掌握vim编写nginx.conf及保存退出、linux查看端口占用,杀死进程,安全组入口等操作知识,多看几遍就熟悉了

安装 jenkins

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yum install java

yum install git

wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo

rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key

yum install jenkins

报错 key 找不到?试试下面的命令(如果机子很慢,找找其他镜像)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins.io/redhat/jenkins.repo
rpm --import http://pkg.jenkins.io/redhat/jenkins.io.key
yum install jenkins

很有可能遇到以下问题:

配置java路径

查看java路径

  • Jenkins 修改权限
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
vim /etc/sysconfig/jenkins // $JENKINS_USER 改为 “root”:

chown -R root:root /var/lib/jenkins
chown -R root:root /var/cache/jenkins
chown -R root:root /var/log/jenkins

service jenkins restart  //启动 jenkins

然后在8080端口就可以进入jenkins了

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
vim /var/lib/jenkins/secrets/initialAdminPassword //查看密码

然后一条龙安装

部署项目

  • 这里是 vue 项目

简述:

  1. 新建 jenkins 项目并进行设置,比较重要的点是安装 node 环境,git地址配置,shell 命令输入(即你需要jenkins帮你执行的操作序列)
  2. 导出目录后,在linux服务器找到你的nginx.conf,然后更改根目录的指向端口设置,再设置云服务器的出入规则(确保能访问)不懂就看
  3. 最后修改git,然后构建,就能看到效果啦!
  • 参考:我的执行 shell

1

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
node -v
npm install -g yarn --registry=https://registry.npm.taobao.org
yarn  -v
yarn install

yarn lint
yarn build

2

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
rm -rf test.tar.gz
tar czvf test.tar.gz *
mv -f test.tar.gz /root/www
cd /root/www
tar -xzvf test.tar.gz
rm -rf test.tar.gz

阶段总结

  1. nginx 是 web 服务容器,类比以前用过的 tomcat。
  2. jenkins 是自动化构建工具,最简单的就是帮你执行npm install,npm run build 这些操作。
  3. 对 linux 的操作要逐渐熟悉,比如vim/rm/:wq,以及mysql/nginx/jenkins的重启操作等,还有查看目录,查看端口,停止端口 ......
  4. 面对问题,更要有解决的思路。然后自行找方法去解决,大部分的问题都能通过搜索引擎解决,再耐心一点,细心一点吧。
  5. 在 git 上提交代码(例如在 github 提交代码),然后访问 jenkins ,点击构建,就可以了。

nginx 多server支持

先看 nginx.conf 配置,复制一个 server

看到了吗,写两个server,修改对应的location。

对应的目录下要有已经打包好的vue项(可以手动打包传git,也可以配置对应的jenkins项目shell命令进行打包),我这里一个是vuecli3项目,另外一个是vuepress项目。了解vuepress

  • server1
  • server2

更多

期待交流及关于建站的分享。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-01-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
都2022年了,还不用Jenkins自动化部署?
一个同学不禁发问:”如果我们开发接到了特别庞大的项目,开发周期特别久,难道测试团队就一直干等着我们开发结束再进行测试吗?那这样的话做测试不是很爽吗!“
伤心的辣条
2022/07/29
7700
都2022年了,还不用Jenkins自动化部署?
前端工程化:保姆级教学 Jenkins 部署前端项目
提到 Jenkins,想到的第一个概念就是 CI/CD 在这之前应该再了解一个概念。
zz_jesse
2022/10/27
1.4K0
运维相关
服务器配置: 数据库rds、redis、nacos、nginx、node、git、域名、OSS、java、maven 安装Java\maven\nginx\Mysal JAVA yum install java-1.8.0-openjdk : java -version vim /etc/profile.d/java.sh JAVA_HOME=“/usr/lib/jvm/java-1.8.0-openjdk” source /etc/profile.d/java.sh 验证:echo $JA
六个周
2022/10/28
3K0
运维相关
Linux中Jenkins自动化部署Vue项目
Jenkins自动化部署Vue项目 jenkins介绍 Jenkins是开源的,使用Java编写的持续集成的工具,在Centos上可以通过yum命令行直接安装。Jenkins只是一个平台,真正运作的都是插件。这就是jenkins流行的原因,因为jenkins什么插件都有。 1. 环境准备 centos * 服务器 宝塔远程连接工具V2 2. 首先登录服务器更新系统软件 yun update 3. 安装Java和git yum install java yum install git 4. 安装ngin
入门笔记
2022/06/02
1.3K0
Linux中Jenkins自动化部署Vue项目
CentOs8 Linux安装Jenkins、部署并运行springboot项目
vim详解:点击 i 进入编辑模式即可编辑文本,编辑完之后Esc退出编辑模式, :wq 保存退出(注:这里是有【一个冒号+wq】),不保存就直接退出是 :q! (冒号+q+感叹号)
OwenZhang
2021/12/08
7150
CentOs8 Linux安装Jenkins、部署并运行springboot项目
CentOS7 安装 Jenkins( 构建 Vue 和 dotNET Core )
之前的自动构建工具 Jenkins 是部署在公司内网的 Windows 服务器上,现在武汉处于非常时期,兄弟们都在家自我隔离,为了远程提交的代码能自动构建,需要在外网的 CentOS 服务器上搭建 Jenkins 环境来进行构建工作。
oec2003
2020/02/25
9080
CentOS 7 安装 Jenkins
首选需要安装JAVA环境 https://www.cnblogs.com/stulzq/p/9286878.html
晓晨
2018/08/02
4230
CentOS 7 安装 Jenkins
[玩转腾讯云]Docker——使用Git来实现Jenkins发布、测试项目
4.1、修改docker服务配置:`vim /usr/lib/systemd/system/docker.service`进入,找到参数:`ExecStart=/usr/bin/dockerd`
eyqx
2021/04/19
7820
[玩转腾讯云]Docker——使用Git来实现Jenkins发布、测试项目
Jenkins安装与使用
前提是要先实现linux主机和Jenkins主机免密登陆,详情请点击我之前写的文章 Linux多台主机互相免密登陆
create17
2019/03/12
1.1K0
.NET Core微服务之基于Jenkins+Docker实现持续部署(Part 1)
  互联网软件的开发和发布,已经形成了一套标准流程,最重要的组成部分就是持续集成(Continuous integration,简称 CI) => 持续集成指的是,频繁地(一天多次)将代码集成到主干。
星哥玩云
2022/07/28
6350
.NET Core微服务之基于Jenkins+Docker实现持续部署(Part 1)
.NET Core微服务之基于Jenkins+Docker实现持续部署(Part 1)
  互联网软件的开发和发布,已经形成了一套标准流程,最重要的组成部分就是持续集成(Continuous integration,简称 CI) => 持续集成指的是,频繁地(一天多次)将代码集成到主干。
Edison Zhou
2018/08/20
5750
.NET Core微服务之基于Jenkins+Docker实现持续部署(Part 1)
CentOS 7 安装 Jenkins
错误信息为Starting Jenkins bash: /usr/bin/java: No such file or directory是java环境配置的问题。
晓晨
2018/07/12
5770
CentOS 7 安装 Jenkins
Centos7 安装需要的软件环境
主要原因就是[client]的配置信息,放在了[mysqld]配置信息的中间,导致其他[mysqld]的配置都归在[client]下。
SpiritLing
2019/11/03
1K0
CentOS 7.4下部署GitLab+Jenkins持续集成环境
GitLab介绍 GitLab 是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务。
星哥玩云
2022/07/14
3870
CentOS 7.4下部署GitLab+Jenkins持续集成环境
CentOS7下部署开源持续集成工具Jenkins
Jenkins: 最流行的开源免费持续集成工具:java语言开发,用于监控持续重复的工作,包括:持续的软件版本发布/测试项目,监控外部调用执行的工作。
yuanfan2012
2020/06/14
1K0
CentOS7下部署开源持续集成工具Jenkins
从零搭建前端持续集成环境: github+jenkins+nodejs+nginx
本文将展示整个持续集成过程的搭建,这对于devops运维工程师来说是很轻松的事情,这里更想给新手开发人员,特别是前端开发人员对于CICD的基础参考,整个过程实践包含以下三点:
志亮
2021/03/10
1.8K0
从零搭建前端持续集成环境: github+jenkins+nodejs+nginx
在CentOS7上搭建Jenkins
解决办法:配置权限,按照上面安装 jenkins 中的 第三点** [配置 jenkins 权限(点我直达)**](https://www.yuque.com/pxs/fo1e8s/aed00c02-7c81-41d0-961b-6ea527dec51f#gFsHl)重新操作一遍或者检查下哪一步骤遗漏了。
leader755
2022/03/09
9230
在CentOS7上搭建Jenkins
搭建jenkins实现自动化部署微服务_自动化部署平台搭建
  Jenkins会随系统启动而启动。详情参照/etc/init.d/jenkins   Jenkins会创建一个用户叫做jenkins, 如果你修改了user,则要修修改所属者:/var/log/jenkins,/var/lib/jenkins,/var/cache/jenkins   如果遇到问题,查看日志/var/log/jenkins/jenkins.log   配置文件/etc/sysconfig/jenkins   默认启用8080
全栈程序员站长
2022/09/19
2.3K0
搭建jenkins实现自动化部署微服务_自动化部署平台搭建
Jenkins使用手册(1) —— 软件安装
持续集成作为软件开发的一种实践,其快速且频繁集成的特性使得产品与项目可以保持高速迭代的同时还可以保持高质量。
Austin_zhai
2022/08/15
4950
Jenkins使用手册(1) —— 软件安装
如何快速实现Jenkins部署?
软件介绍 Jenkins是一个开源软件项目,是基于Java开发的一种持续集成工具,用于监控持续重复的工作,旨在提供一个开放易用的软件平台,使软件的持续集成变成可能。 系统环境 CentOS6.5及以上
吴柯
2018/04/16
8460
如何快速实现Jenkins部署?
相关推荐
都2022年了,还不用Jenkins自动化部署?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验