CentOS7 部署 Nginx 环境，跑起一个网页

雨点打透心脏的1/2处 2023-05-30 03:48 30阅读 0赞

本节将会向您介绍：

> 一、 CentOS 7 环境下搭建Nginx
> 
> 1.1 使用yum安装依赖库
> 
> 1.2 安装依赖库 openssl
> 
> 1.3 安装依赖库 zlib
> 
> 1.4 安装依赖库 pcre
> 
> 1.5 安装和运行nginx
> 
> 二、 使用Nginx访问网页
> 
> 2.1 先写好我们的测试网页
> 
> 2.2 修改Nginx的配置文件，并重启nginx
> 
> 2.3 访问网站

--------------------

## 一、 CentOS 7 环境下搭建Nginx ##

在安装nginx之前，我们首先要下载和安装nginx相关的依赖库。

Nginx依赖包下载地址：

*  ssl功能需要openssl库(在http://www.openssl.org/)
 *  gzip模块需要zlib库(在http://www.zlib.net/)
 *  rewrite模块需要pcre库(在http://www.pcre.org/)

### 1.1 使用yum安装依赖库 ###

使用yum安装需要的依赖库。

yum install perl
    yum install gcc
    yum install gcc-c++
    yum -y install net-tools

遇到询问就输入y，然后回车，等待完成。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70][]

### 1.2 安装依赖库 **openssl** ###

OpenSSL 是一个强大的安全套接字层密码库，囊括主要的密码算法、常用的密钥和证书封装管理功能及SSL协议，并提供丰富的应用程序供测试或其它目的使用。，安装OpenSSL（http://www.openssl.org/source/）主要是为了让tengine支持Https的访问请求。具体是否安装看需求。

**1.2.1 下载压缩包，并传到服务器的 /usr/local下**

**从官网下载：**

[https://www.openssl.org/source/][https_www.openssl.org_source]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 1][]

**百度网盘下载：**

链接：https://pan.baidu.com/s/1vQhXBVCdCfD4G8ZHwNXQGA

提取码：4k6r m

**1.2.2 解压 openssl，并重命名文件夹为 openssl**

tar -zxvf openssl-1.0.2t.tar.gz
    mv openssl-1.0.2t openssl
    ls

![20191107223620540.png][]

**1.2.3 安装openssl**

# 进入openssl文件夹
    cd openssl
    # prefix配置安装路径
    ./config --prefix=/usr/local/openssl
    # 编译
    make
    make install

如果报错：

![20201130110015949.png][]

处理方式：

yum install perl-ExtUtils-CBuilder perl-ExtUtils-MakeMaker -y
    yum install perl-ExtUtils-Embed -y

### 1.3 安装依赖库 zlib ###

**1.3.1 下载压缩包，并传到服务器的 /usr/local下**

**从官网下载：**

[http://zlib.net/][http_zlib.net]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 2][]

**从百度云下载：**

链接：https://pan.baidu.com/s/1HLCdw\_QQ5WgA3LXa366nIg

提取码：cfej

**wget 下载：**

wget http://zlib.net/zlib-1.2.11.tar.gz

**1.3.2 解压 zlib-1.2.11.tar.gz****，并重命名文件夹为 zlib**

# 解压压缩文件
    tar -zxvf zlib-1.2.11.tar.gz
    # 重命名为 zlib
    mv zlib-1.2.11 zlib
    # 查看文件列表
    ls

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 3][]

**1.3.3 安装zlib**

# 进入zlib
    cd zlib
    # prefix配置安装路径
    ./configure --prefix=/usr/local/zlib
    # 编译
    make
    make install

安装成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 4][]

### 1.4 安装依赖库 **pcre** ###

**1.4.1 下载压缩包，并传到服务器的 /usr/local下**

**从官网下载：**

[https://ftp.pcre.org/pub/pcre/][https_ftp.pcre.org_pub_pcre]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 5][]

**从百度云下载：**

链接：https://pan.baidu.com/s/1u8gw3i1anP79BVwCJmYTfw

提取码：fmqv

**wget下载：**

wget https://ftp.pcre.org/pub/pcre/pcre-8.00.tar.gz

**1.4.2 解压 pcre-8.00.tar.gz，并重命名文件夹为 pcre**

# 解压压缩文件
    tar -zxvf pcre-8.00.tar.gz
    # 重命名为 zlib
    mv pcre-8.00 pcre
    # 查看文件列表
    ls

![20191107231042669.png][]

**1.4.3 安装 pcre**

# 进入zlib
    cd pcre
    # prefix配置安装路径
    ./configure --prefix=/usr/local/pcre
    # 编译
    make
    make install

### 1.5 安装和运行nginx ###

**1.5.1  下载压缩包，并传到服务器的 /usr/local下**

**使用wget，直接在Linux中下载**

wget http://nginx.org/download/nginx-1.8.0.tar.gz

![20191107221922834.png][]

**windows浏览器下载**

[http://nginx.org/download/nginx-1.8.0.tar.gz][http_nginx.org_download_nginx-1.8.0.tar.gz]

**百度网盘下载**

链接：https://pan.baidu.com/s/19DYJ6cOm2Xfncc49FDAyRA   提取码：t5mh

我选择的版本为1.8.0，得到压缩文件 nginx-1.8,0.tar.gz

**1.5.2  解压 nginx-1.8.0.tar.gz，并重命名文件夹为 nginx**

将压缩文件移到 /usr/local 目录下，解压文件并重命名为 nginx：

tar -zxvf nginx-1.8.0.tar.gz 
    mv nginx-1.8.0 nginx

![20191107232453414.png][]

**1.5.3  安装 nginx**

# 进入nginx
    cd /usr/local/nginx
    # prefix配置安装路径
    ./configure --with-pcre=../pcre --with-zlib=../zlib --with-openssl=../openssl --with-http_ssl_module --prefix=/usr/local/nginx
    # 编译
    make
    make install

查看是否生成了sbin文件夹，我们可以通过nginx文件开启、关闭nginx

# 进入sbin文件夹
    cd sbin
    # 查看文件夹目录，看是否有nginx文件
    ls

![20191107233058500.png][]

创建logs文件夹

# 若不实现创建logs文件夹，nginx运行时可能会报没有logs文件夹的错误
    # 创建日志文件夹，nginx运行产生的日志会存在这里
    mkdir /usr/local/nginx/logs
    # 创建错误日志文件
    touch /usr/local/nginx/logs/error.log

![20191107233531572.png][]

**1.5.4 写start脚本和stop脚本**

编写start脚本

# 进入nginx目录，已经在nginx目录下可以省略
    cd /usr/local/nginx
    # 创建start脚本文件
    vim start

将下面的内容复制到start脚本文件中：

./sbin/nginx
    ps -ef|grep nginx

编写stop脚本

# 进入nginx目录，已经在nginx目录下可以省略
    cd /usr/local/nginx
    # 创建stop脚本文件
    vim stop

将下面的内容复制到stop脚本文件中：

./sbin/nginx -s stop
    ps -ef|grep nginx

给这两个文件赋予执行权限：

# 给 start文件和 stop文件赋予root执行权限
    chmod +744 start stop
    # 查看是否被赋予权限成功
    ll

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 6][]

**1.5.5 开启、关闭nginx**

**开启：**

sh start

![20191107234119626.png][]

**关闭：**

sh stop

![20191107234133410.png][]

## 二、 使用Nginx访问网页 ##

我们可以使用nginx代理到服务器上的静态文件，如html页面。本次我们将随便写一个html页面，在浏览器中通过url访问到这个网页。

### 2.1 先写好我们的测试网页 ###

**2.1.1 写html文件**

新建文件 index.html，内容为：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>this is my first sample</title>
    	</head>
    	<body>
    		<h3>这是我通过nginx访问的网页</h3>
    	</body>
    </html>

**或从百度网盘下载这个文件：**

链接：https://pan.baidu.com/s/1D1pP8DTe8XkvgNf3lzdZxw

提取码：4cyk

**2.1.2 将index.html文件放到服务器的web目录下**

在 /usr/local 目录下创建web文件夹，并将文件放到这个文件夹下

# 创建web文件夹
    mkdir /usr/local/web

![20191107235305637.png][]

### 2.2 修改Nginx的配置文件，并重启nginx ###

**2.2.1 修改Nginx配置文件 nginx.conf**

# 修改Nginx配置文件
    vim /usr/local/conf/nginx.conf

编辑配置文件，加入以下内容：

# 在下图的位置加入这段代码
    location /web {
                alias  /usr/local/web;
                index  index.html index.htm;
    }

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 7][]

**2.2.2 重启nginx**

# 进入Nginx的脚本界面
    cd /usr/local/nginx
    # 停止nginx
    sh stop
    # 开启nginx
    sh start

### 2.3 访问网站 ###

访问网站，由于使用的80端口是默认端口，只要以 **192.168.22.144/web/index** 的方式访问即可 （**192.168.22.144 是随便举的例子，这时候应该换成部署的服务器的域名或者ip地址** ）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 8][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191107231611487.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[https_www.openssl.org_source]: https://www.openssl.org/source/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191107222828494.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[20191107223620540.png]: https://img-blog.csdnimg.cn/20191107223620540.png
[20201130110015949.png]: https://img-blog.csdnimg.cn/20201130110015949.png
[http_zlib.net]: http://zlib.net/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191107225355418.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191107225959883.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20191107230519787.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[https_ftp.pcre.org_pub_pcre]: https://ftp.pcre.org/pub/pcre/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/201911072307491.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[20191107231042669.png]: https://img-blog.csdnimg.cn/20191107231042669.png
[20191107221922834.png]: https://img-blog.csdnimg.cn/20191107221922834.png
[http_nginx.org_download_nginx-1.8.0.tar.gz]: http://nginx.org/download/nginx-1.8.0.tar.gz
[20191107232453414.png]: https://img-blog.csdnimg.cn/20191107232453414.png
[20191107233058500.png]: https://img-blog.csdnimg.cn/20191107233058500.png
[20191107233531572.png]: https://img-blog.csdnimg.cn/20191107233531572.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/2019110723402641.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[20191107234119626.png]: https://img-blog.csdnimg.cn/20191107234119626.png
[20191107234133410.png]: https://img-blog.csdnimg.cn/20191107234133410.png
[20191107235305637.png]: https://img-blog.csdnimg.cn/20191107235305637.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20191108000209720.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20191108000833351.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDE2MzMx,size_16,color_FFFFFF,t_70