跳至主要內容
Jenkins+Nginx实现前端项目自动构建和部署

实现目标

自从有了服务器以后就一直在折腾我的小小的服务器,用vuepress搭建了梦寐已久的个人博客,之前是在服务器里搭建了gitNginx,利用githooks实现自动部署,自从接触了jenkins以后就想要利用jenkins来实现以下自动构建和自动部署。这次的目标是,把博客代码迁移到gitlab私有仓库中,在本地写完文章pushgitlab后,Jenkins自动完成博客构建,然后部署到Nginx里,省去了本地build的过程。


Mr.Finn大约 3 分钟服务器服务器
云服务器配置部署Nginx开发环境

当初买ECS的初衷就是想搭建自己的博客,记录一些学习和生活的笔记,有了自己的域名和服务器以后就可以搭建属于自己的博客了,域名需要先行备案和解析到服务器,现在流行的静态博客(hexo、vuepress)都是基于Nginx服务器的,所以需要先在服务器安装和配置Nginx环境。

1、安装Nginx

​ 安装Nginx很简单,只需一条命令即可,先ssh登录服务器,然后使用以下命令安装:

yum install -y nginx

2、配置Nginx

​ Nginx的配置文件默认在/etc/nginx/目录下,使用命令 vim /etc/nginx/nginx.conf 编辑配置文件添加以下 配置:


Mr.Finn大约 4 分钟服务器服务器
阿里云ECS服务器Git安装和配置

git服务器安装方法:

使用自动化运维OOS安装

阿里云的云服务器管理控制台为用户提供了免费的“自动化运维OOS”服务,OOS是一种简单易用的自动化部署服务,用户可以通过资源模板来自动完成所有资源在在不同地域以及账户中心的部署和配置,用起来超级方便。

运维编排服务(简称OOS)是全面、免费的云上自动化运维平台,提供运维任务的管理和执行。典型使用场景包括:事件驱动运维,批量操作运维,定时运维任务,跨地域运维等,也可提供重要运维场景的审批、通知等功能。详细介绍参见https://help.aliyun.com/product/119529.html


Mr.Finn大约 3 分钟服务器服务器
阿里云ECS服务器SSH配置

很早以前就想买个服务器自己玩一下(虽然我啥也不会),但是阿里云昂贵的价格让我望而却步,这次双十一发现了一个大好机会,以超低价格买了一台1核2G的ECS(三年,超开心)。买完以后进控制台一看,一脸懵,这是啥?我在哪儿?我该干什么?赶紧去通读一遍云服务器ECS的文档。于是先学习了一番SSH远程连接服务器,记录一下折腾过程。

首次远程连接服务器

阿里云的控制台自带了远程连接服务器的功能,具体操作如下:

  • 打开阿里云控制台,进入云服务器ECS界面如下:
image.png
image.png

Mr.Finn大约 3 分钟服务器服务器