Jenkins+Github+Nginx实现前端项目自动部署

最新推荐文章于 2024-11-25 19:32:04 发布

程序员汤姆刘

最新推荐文章于 2024-11-25 19:32:04 发布

阅读量1.6k

点赞数 22

CC 4.0 BY-SA版权

文章标签：前端持续部署 nginx github jenkins

本文链接：https://blog.csdn.net/sinat_28296757/article/details/142032222

前言

最近在搭建一个自己的网站，网站框架搭好了要把项目放到服务器运行，但是每次更新网站内容就要手动部署一次，实在很麻烦，于是就想搭建一套自动化部署的服务。看了一些案例最后选用现在比较主流的Jenkins + Github + Nginx的方案来搭建，于是跟着教程去做，看了很多教程其实不是太完整，搭建过程一波三折，就想写下自己搭建的过程分享出去。以下操作默认大家已经申请自己的服务器，并开放所需要的端口。我自己的服务器是ubuntu。注意：ubuntu使用（apt-get install 软件名）来安装软件，redhat(即CentOS)服务器使用（yum install 软件名）命令安装，使用的是xhell远程控制工具。

自动化部署原理

简单的说就是当我们写好代码build完成后，把代码提交到github上，jenkins监测到代码变化就会自动构建项目，把代码拉取到服务器，从而实现自动部署。

安装java sdk

jenkins需要java环境，需要安装java jdk，第一种安装方式是从包管理工具中安装，即执行以下命令，这里我装的是jdk8.
第二种是从官网下载安装包解压到指定文件夹下，这种方式比较容易出错，不建议使用。

sudo apt-get update
sudo apt-get install openjdk-8-jdk

安装完成后配置环境变量，执行sudo vi ~/.bashrc，在文件的最后添加以下信息，注意把JAVA_HOME改成你自己的java路径，我的默认安装路径是/usr/lib/jvm/java-8-openjdk-amd64

#set oracle jdk environment
JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64 
JRE_HOME=$JAVA_HOME/jre
JAVA_BIN=$JAVA_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
PATH<