使用 Nginx 部署静态页面的方法
Nginx介绍
Nginx是俄罗斯人编写的十分轻量级的HTTP服务器,Nginx，它的发音为“engineX”，是一个高性能的HTTP和反向代理服务器，同时也是一个IMAP/POP3/SMTP代理服务器。Nginx是由俄罗斯人IgorSysoev为俄罗斯访问量第二的Rambler.ru站点开发的，它已经在该站点运行超过两年半了。IgorSysoev在建立的项目时,使用基于BSD许可。
英文主页：http://nginx.net。
Nginx作为HTTP服务器，有以下几项基本特性：
- 处理静态文件，索引文件以及自动索引；打开文件描述符缓冲。
- 无缓存的反向代理加速，简单的负载均衡和容错。
- FastCGI，简单的负载均衡和容错。
- 模块化的结构。包括gzipping,byteranges,chunkedresponses,以及SSI-filter等filter。如果由FastCGI或其它代理服务器处理单页中存在的多个SSI，则这项处理可以并行运行，而不需要相互等待。
- 支持SSL和TLSSNI。
即Nginx的优点：轻量、高性能、并发能力强。用来部署静态页面也是相当便捷。
这种高性能得益于Nginx的框架。在Nginx启动后，会有一个master进程和多个worker进程。master进程主要用来管理worker进程，包含：接收来自外界的信号，向各worker进程发送信号，监控worker进程的运行状态，当worker进程退出后(异常情况下)，会自动重新启动新的worker进程。而基本的网络事件，则是放在worker进程中来处理的。多个worker进程之间是对等的，他们同等竞争来自客户端的请求，各进程互相之间是独立的。一个请求，只可能在一个worker进程中处理，一个worker进程，不可能处理其它进程的请求。worker进程的个数是可以设置的，一般我们会设置与机器cpu核数一致，这与Nginx的进程模型以及事件处理模型有关。
为何选用Nginx
说到Nginx，可能第一反应就是反向代理和负载均衡了。那么什么是反向代理，什么又是负载均衡呢？
反向代理
首先了解一下什么是前向代理。代理(Proxy)也称网络代理，是一种特殊的网络服务，通俗来讲，就是在客户端和目标服务器之间的充当中间人，接收客户端的请求，再根据客户端请求向目标服务器发起相应的请求，从目标服务器获得指定资源后返回给客户端。且代理服务器可以对目标服务器的资源下载至本地缓存，如果客户端所要获取的资源在代理服务器的缓存之中，则代理服务器并不会再向目标服务器发起请求，而是直接返回缓存的资源。
其实代理服务器非常常见，就比如因为GWF而存在的一些科学上网的代理商，就是利用国外服务器作为代理服务器，从而正确解析域名来实现科学上网。代理服务器也可以实现隐藏真实IP，比如著名的Tor（洋葱路由器）就是通过多重代理和一些加密技术来实现匿名交流。
而反向代理则是在服务器端作为代理使用，而不是客户端。也就是说，前向代理是代理内部网络用户访问Internet上服务器的连接请求，反向代理是以代理服务器来接受Internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给Internet上请求连接的客户端，此时的代理服务器对外就表现为一个服务器。
负载均衡
反向代理负载均衡技术是把将来自Internet上的连接请求以反向代理的方式动态地转发给内部网络上的多台服务器进行处理，从而达到负载均衡的目的。
真巧，Nginx都做到了
Nginx作为一个优秀的代理服务器，反向代理和负载均衡必然是都具备的。想要更详细得了解这方面的知识和使用方法，可参见文末给出的参考资料：Nginx入门指南。
Nginx安装
本人使用的是腾讯云的服务器，版本为：UbuntuServer14.04.1LTS32位。
$apt-getinstallnginx
MacOS系统参考这篇文章：InstallingNginxinMacOSX
Nginx配置
简单地配置Nginx的配置文件，以便在启动Nginx时去启用这些配置。而本文的重点也是于此。
Nginx的配置系统由一个主配置文件和其他一些辅助的配置文件构成。这些配置文件均是纯文本文件，一般地，我们只需要配置主配置文件就行了。例如在我的服务器上是在：/etc/nginx/nginx.conf。
指令上下文
nginx.conf中的配置信息，根据其逻辑上的意义，对它们进行了分类，也就是分成了多个作用域，或者称之为配置指令上下文。不同的作用域含有一个或者多个配置项。
其中每个配置项由配置指令和指令参数构成，形成一个键值对，#后面地为注释，理解起来也非常容易。
一般配置文件的结构和通用配置如下：
userwww-data;#运行nginx的所属组和所有者
worker_processes1;#开启一个nginx工作进程,一般CPU几核就写几
pid/run/nginx.pid;#pid路径
events{
worker_connections768;#一个进程能同时处理768个请求
#multi_accepton;
}
#与提供http服务相关的配置参数，一般默认配置就可以，主要配置在于http上下文里的server上下文
http{
##
#BasicSettings
##
...此处省略通用默认配置
##
#LoggingSettings
##
...此处省略通用默认配置
##
#GzipSettings
##
...此处省略通用默认配置
##
#nginx-naxsiconfig
##
...此处省略通用默认配置
##
#nginx-passengerconfig
##
...此处省略通用默认配置
##
#VirtualHostConfigs
##
...此处省略通用默认配置
#此时，在此添加server上下文，开始配置一个域名，一个server配置段一般对应一个域名
server{
listen80;#监听本机所有ip上的80端口
server_name_;#域名：www.example.com这里"_"代表获取匹配所有
root/home/filename/;#站点根目录
location/{#可有多个location用于配置路由地址
try_filesindex.html=404;
}
}
#邮箱的配置，因为用不到，所以把这个mail上下文给注释掉
#mail{
##Seesampleauthenticationscriptat:
##http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript
#
##auth_httplocalhost/auth.php;
##pop3_capabilities"TOP""USER";
##imap_capabilities"IMAP4rev1""UIDPLUS";
#
#server{
#listenlocalhost:110;
#protocolpop3;
#proxyon;
#}
#
#server{
#listenlocalhost:143;
#protocolimap;
#proxyon;
#}
#}
这里需要注意的是http上下文里的server上下文。
server{
listen80;#监听本机所有ip上的80端口
server_name_;#域名：www.example.com这里"_"代表获取匹配所有
root/home/filename/;#站点根目录
location/{#可有多个location用于配置路由地址
try_filesindex.html=404;
}
}
这里的root字段最好写在location字段的外边，防止出现无法加载css、js的情况。因为css、js的加载并不是自动的，nginx无法执行，需要额外的配置来返回资源，所以，对于静态页面的部署，这样做是最为方便的。
这里对root作进一步解释，例如在服务器上有/home/zhihu/目录，其下有index.html文件和css/以及img/，root/home/zhihu/;就将指定服务器加载资源时是在/home/zhihu/下查找。
其次，location后的匹配分多种，其各类匹配方式优先级也各不相同。这里列举一精确匹配例子：
server{
listen80;
server_name_;
root/home/zhihu/;
location=/zhihu{
rewrite^/.*/break;
try_filesindex.html=404;
}
}
此时，访问www.example.com/zhihu就会加载zhihu.html出来了。由于location的精确匹配，只有访问www.example.com/zhihu这个路由时才会正确响应，而且此时要通过rewrite正则匹配，把/zhihu解析替换成原来的/。关于更多location字段用法，可以在文章最后给出的参考资料中查看。
关于使用nginx部署静态页面，最简单便捷的配置方法
上面说了挺多关于配置的说明，下面推荐一种个人认为最为便捷的配置方法。（特此感谢guyskk学长的答疑解惑）
首先创建一个目录，例如：/home/ubuntu/website然后在这个website文件夹下可以放置你需要部署的静态页面文件，例如website下我有google、zhihu、fenghuang这三个文件夹，其中server字段配置如下：
server{
listen80;
server_name_;
root/home/ubuntu/website;
indexindex.html;
}
这里每个文件夹下面的静态页面文件名都是index.html，我以前有个很不好的习惯，比如zhihu页面就喜欢命名为zhihu.html，但就从前端来看，这也是不符合规范的。
这样配置的话，例如当你访问www.showzeng.cn/google/时，nginx就会去website目录下的google文件夹下寻找到index.html并把google页面返回，同理，访问www.showzeng.cn/zhihu/时，会寻找到zhihu文件夹下的index.html并把zhihu页面返回。
而在zhihu、google、fenghuang文件夹的同级目录上，再添加你的域名首页index.html时，访问www.example.com时就会返回了。
这里唯一美中不足的是，访问域名中www.showzeng.cn/zhihu末尾会自动加上/，在浏览器中按F12调试会发现www.showzeng.cn/zhihu为301状态码，因为index.html是在zhihu/文件夹下，所以在搜索过程中会重定向到www.showzeng.cn/zhihu/，起初我是接受不了的，那一/看起来太难受了，但是只要一想到要一个一个location字段去匹配，我一下子就接受了。不知道你怎么看，反正我是接受了。
Nginx启动运行
$sudonginx-sreload
使用reload方法不用重启服务，直接重新加载配置文件，客户端感觉不到服务异常，实现平滑切换。当然你也可以重新启动nginx服务。
$sudoservicenginxrestart
Nginx停止运行
$sudonginx-sstop
参考资料
Nginx入门指南
NginxforDevelopers:AnIntroduction（译文）
nginx配置location总结及rewrite规则写法
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。