初识Nginx

我是一个Android开发，但是一个应用端的工程师，势必是需要学习一些前端和后端的知识。T字型人才的“一超多会多了解”本来就应该成为每一个工程师的标配。所以，加油吧，骚年！

本文会沿袭从Nginx在Linux云服务器上安装，到我将一个简单的前端项目布置到云服务器上面去的过程进行探索。

前置条件

腾讯云/阿里云 云服务器；
域名（可选）

（关于前置条件的设置可以自行查找官方文档进行购买使用。由于我是使用腾讯云进行的操作，以下图示均为腾讯云。）

在Linux云服务器上面安装Nginx

Nginx 是什么？

Nginx 是一款轻量级的 HTTP 服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的 IO 性能，时常用于服务端的反向代理和负载均衡。
Nginx 是一个Web服务器，和 Apache 类似。和Tomcat 、JBoss 之类的Web 应用服务器略有不同。前者主要是强调Web 功能，例：HTTP/HTTPS 协议、处理静态资源请求、反向代理等，后者主要强调对于动态资源的提供能力，计算能力。且后者大多具有前者的能力（但性能远不如前者）。而Nginx 相比于Apache，是更加轻量级的Web 服务器。这也是非常多公司和个人的选择。

而我之所以会学习Nginx，就是为之后的前后端分离的开发部署打下基础。在我一个Android开发人员看来，JSP这种前后端耦合的开发方式实在是没有任何工程思维可言。移动端项目的天然分离，让我理所应当的认为前后端分离是一件再应该不过的事情。之后，我同样会将后端项目单独部署到Tomcat上面去。前后端只需要通过HTTP协议来交流数据即可。

在Linux云服务器上安装最新的Nginx

基本环境

操作系统 CentOS 7.7 64位

Nginx 安装版本

Nginx 的版本 nginx/1.18.0

通过yum命令来查看nginx已经安装和可以安装的程序包

yum list | grep nginx

查看yum安装nginx的结果.png

（这里特别解释一下这个命令，这个命令是 yum list 加 grep nginx 命令。yum list 是显示所有已安装和未安装的程序包。grep 是文本搜索命令，grep nginx 就是搜索nginx这个文本。整个命令就是在yum list 的结果中搜索和nginx 相关的结果。）（注：1. yum 命令是RPM的软件包管理工具，负责和rpm相关的软件安装、卸载、删除、查看。2. 这里的| 是管道命令。| 的前者命令的结果是后者命令的输入。）

由于此时我已经安装好了nginx/1.18.0的版本，所以腾讯云自带的1.16.1的版本我并没有使用，所以可以看到有两个版本的nginx的安装包信息。这里可以看到，所有已经安装好的1.18.0的版本都在最后一栏显示了nginx。而1.16.1的版本显示的是epel。epel的全称是(Extra Packages for Enterprise Linux)，意思是企业Linux的额外安装包。这是一个为 RHEL 及衍生发行版如 CentOS、Scientific Linux 等提供高质量软件包的项目。

还有一种情况会显示repo。repo文件是Fedora中yum源（软件仓库）的配置文件，通常一个repo文件定义了一个或者多个软件仓库的细节内容，例如我们将从哪里下载需要安装或者升级的软件包，repo文件中的设置内容将被yum读取和应用。

如果你的Linux上面没有EPEL源的话，可以通过下面命令进行安装

sudo yum install -y epel-release
sudo yum -y update

找到nginx的最新源，并安装到云服务器上面

切换到你打算放置的文件夹下：cd /usr/local/nginx

去官网找到下载地址：http://nginx.org/en/download.html

nginx-官网.png
如图所示，当你指向下载链接的时候，左下方所显示的地址就是该资源的下载地址。

下载目标资源：wget http://nginx.org/download/nginx-1.18.0.tar.gz

在当前目录下解压nginx安装包： tar -zxvf nginx-1.18.0.tar.gz

安装nginx：
cd nginx-1.17.6
./configure
make
make install

启动nginx:
cd usr/local/nginx/sbin
./nginx

停止nginx的命令
/usr/local/nginx/sbin/nginx -s stop

重启nginx的命令
/usr/local/nginx/sbin/nginx -s reload

如果你只是希望希望使用当前Linux云服务器上已有的nginx进行安装的话，直接执行以下命令即可

yum -y install nginx

将一个简单的前端项目部署到云服务器上面去

• 查看nginx的配置文件

nginx -t

nginx -t.png

• 进入nginx的配置文件

vim /etc/nginx/nginx.conf

(注：Vim有三种模式。1.命令模式，即所有的输入都视为命令，刚进入vim界面就视为命令模式。2.输入模式，负责编辑文本内容的模式。3.底线命令模式，用于对于vim编辑之后对于文件保存状态的处理。)
(1到2，i——进入输入模式；2到1，按Esc退出；)
(1到3，:——进入底线命令模式；3到1，按Esc退出；)

进入nginx配置文件.png

• 上述内容的最后一行是一个详细的配置文件，继续打开它。

vim /etc/nginx/conf.d/*.conf

详细配置文件.png

上图中的第一个location /{} 中的root的值就是你要部署的前端项目的目录地址；index的值就是你的首页的文件名称。类似的后面的error_page就是处理不同的错误码的页面。此时你只要将前端项目上传到Linux云服务器上并修改上述这几个值就可以了。

• FileZilla 上传前端项目。
  我这里新建了一个test文件夹。路径地址为：/usr/etc/test。之后我会将一个前端项目移动到这个位置。进行演示。
  链接新站点
  image.png

如上图所示我的Linux是使用SSH密钥进行的登录，所以你还需要使用puttygen将linux私钥id_rsa转换成ppk文件，之后就可以使用FileZilla进行链接了。
链接成功之后，就是下图所示。

image.png

从本地站点拖动到远程站点的test文件夹中即可。此时就上传成功了，最后在之前的配置文件中进行设置。

• 重启nginx

nginx -t (测试配置文件是否配置成功，显示成功 test is successful 即可)
nginx
nginx -s reload (修改配置后重新加载生效)
nginx -s reopen (重新打开日志文件)

image.png