前面从宏观的角度介绍了大型网站架构。
从本篇开始，我们将着眼于细节，逐一展开介绍前面章节中提到的前端、后端、云计算服务分层的技术架构。
其中，前端部分是直接影响用户体验的，因此本篇先介绍前端部分的架构。
需要注意的是，这里的前端指的是B/S架构网站中的前端网页，是静态网页。
前端的工作原理在讨论前端架构之前，我们先搭建一个前端Web服务器，再通过构造一个简单的网页来了解其工作原理。在了解前端网页的工作原理之后，我们才能更好地理解前端架构需要注重的细节。
Web服务器搭建网页想要被非本机的浏览器访问，便需要搭建一个Web服务器。目前比较主流的Web服务器软件有三个，即Apache、IIS和Nginx。
Apache是目前使用最多的Web服务器软件，它拥有极其稳定的性能，扩展模块全面、多样，且可以运行在Windows和Linux等多个平台上；IIS是微软提供的互联网基本服务，它除了提供Web服务外，还提供FTP、NNTP和SMTP等服务，不过IIS只能运行在Windows操作系统上；Nginx是轻量级的Web服务器软件，它支持负载均衡和反向代理等功能，扩展模块虽然没有Apache全面，但比Apache占用的内存和资源少，在高并发处理上表现更好。
Web服务器的选取需要根据具体情况而定。对于一般的大型网站而言，因为服务器操作系统一般以更为稳定的Linux为主，并且服务器需要应对大量的网页请求（高并发），所以本书选用nginx作为Web服务器软件。
Nginx的安装以Windows系统和CentOS系统为例。选择这两个系统进行介绍是因为Windows一般是开发人员在开发时使用的操作系统，而CentOS一般是网站服务器操作系统。
1.在Windows系统中安装Nginx
在Windows系统中安装Nginx的具体操作步骤如下：
（1）从Nginx官网（http://nginx.org/en/download.html）下载Nginx，一般选择下载稳定版本。官网上的Nginx版本划分如图3.1所示，这里我们下载Windows系统上的稳定版本。
图3.1 Nginx官网上的版本划分
（2）下载完Nginx压缩包后，将其解压到一个目录下，其目录结构如图3.2所示。其中，HTML文件夹是默认存放网页资源的地方，conf文件夹存放的是Nginx的相关配置文件，logs文件夹存放的是Nginx的运行日志。
图3.2 解压后的Nginx目录结构
（3）修改Nginx配置，Nginx的配置文件是conf/nginx.conf。默认的配置文件如代码3.1所示，其中，“…”是省略的意思，“#”后面是对属性的注释。如果是本地调试，保持默认配置即可。
代码3.1 默认的Nginx配置
…
server {
listen 80; #端口，80为HTTP的默认端口
server_name default_server; #服务名称
…
location / {
root html; #网页资源文件夹，这里的html指的是图3.2中的html文件夹
index index.html; #网站默认网页
}
…
}
…
…
（4）启动服务，双击图3.2中的nginx.exe文件即可，运行窗口会一闪而过。在不修改默认配置且正常启动的情况下，在浏览器的地址中输入http://localhost会打开Nginx的默认网页，如图3.3所示。这个默认网页是图3.2中html文件夹里的index.HTML。
图3.3 Nginx的默认网页
如果不能正常启动，可以查看图3.2中logs文件夹里的运行日志。不能启动一般都是由于端口冲突造成的，此时可以修改步骤（3）中的listen配置项。
如果在步骤（3）中修改了server_name和listen配置项，则需要在浏览器的地址栏中输入server_name:listen。例如，将server_name设置为192.168.3.3，listen设置为8081，那么在浏览器的地址栏中应该输入http://192.168.3.3:8081。一般情况下，将server_name设置成default_server即可。
另外，可以通过在任务管理器中结束所有nginx.exe任务来关闭Nginx服务，如图3.4所示。
