年輕人，學好Nginx，走遍天下都不怕-有解無憂

在這里插入圖片描述

說到Nginx，大家可能會閃過幾個畫面

1、這不是后端運維要用到技術嗎，前端為啥要學這個

2、我學Nginx也沒啥用啊

3、學了Nginx我能漲薪嗎

4、，，，
在這里插入圖片描述
【文章福利】小編推薦自己的linuxC/C++語言交流群：832218493！整理了一些個人覺得比較好的學習書籍、視頻資料共享在群檔案里面，有需要的可以自行添加哦！~

一、簡介

我個人拙見，前端本身就是一個很雜，且邊界比較模糊的職業，若是在大公司，當然前端可能只需要專注頁面上的業務開發，部署專案這塊會交給一些專業的運維同事，輪不到你來操心這些事情，但很遺憾，大部分程式員不在大公司作業，多數就職于中小型的小廠，那么在小廠的話，很大概率上公司是沒有運維人員的，前端專案的部署和運維很可能就會交給前端同學來管理，再退一步講，平時我們接一些私活或者自己玩一些專案，都是需要部署到線上服務器，那么就可以選擇我們好用的Nginx，借用官方的解釋——“Nginx (engine x) 是一個高性能的HTTP和反向代理web服務器，同時也提供了IMAP/POP3/SMTP服務“

二、需要的環境

學習Nginx需要什么環境呢？

1、買一個云服務器（騰訊云 or 阿里云）價格有點貴，就我目前而言，買的是騰訊的99元包年，最近好像有活動（非廣告）

2、自己找個電腦搭建一下服務器的環境

3、搞個虛擬機，但是配置及其麻煩，新手不建議嘗試

我買的服務器作業系統是CentOS 7.6 64位

通過服務器提供的yum去安裝一些工具庫

遠程登錄服務器 ssh root@IP（這里的IP就是你購買服務器的IP地址），騰訊服務器里可以讓你選擇密碼登錄還是密鑰登錄，我選擇添加本地密鑰登錄，這樣比較方便，不用每次都輸入密碼，進入服務器之后就是這樣的畫面
在這里插入圖片描述

服務器遠程界面

然后輸入下面這段代碼，安裝相應的工具包和庫

yum -y install gcc gcc-c++ autoconf pcre-devel make automake

yum -y install wget httpd-tools vim

基本上沒什么大問題就會顯示“Complete!”

恭喜你，服務器環境基本安裝完畢～

三、搭建Nginx配置

個人建議，可以先去Nginx官方檔案先看看，了解一下Nginx再開始下面的閱讀，我盡量不說理論知識，講一些實操，因為我覺得理論知識我說的肯定不如官網來得細致，

首先看看服務器內yum內的Nginx源的版本

yum list | grep nginx

在這里插入圖片描述

這個版本不是很高，我們可以使用官方提供的源，

在終端輸入如下

vim /etc/yum.repos.d/nginx.repo

然后填入下列代碼，注意，我的centos是7.x版本，所以我寫的是7，同學們可以按照自己的版本來
在這里插入圖片描述

保存退出

然后安裝 nginx

yum install nginx

nginx -v

運行上面指令之后，能得到最新的nginx版本如下
在這里插入圖片描述

只能用舒服二字形容，一切順利安裝好nginx，玩歸玩，鬧歸鬧，一定要把nginx掌握好～～～

四、Nginx的組態檔

通過‘rpm -ql nginx’ 指令查看nginx都安裝到了哪些目錄
在這里插入圖片描述

幾個關鍵的位置要注意一下：‘/etc/nginx’、’/etc/nginx/conf.d’ 、‘/etc/nginx/nginx.conf’

解釋一下‘/etc/nginx/nginx.conf’，因為這個是nginx的主配置，比較重要

輸入命令列

cd /etc/nginx

vim nginx.conf

#運行用戶，默認即是nginx，可以不進行設定

user  nginx;

#Nginx行程，一般設定為和CPU核數一樣

worker_processes  1;

#錯誤日志存放目錄

error_log  /var/log/nginx/error.log warn;

#行程pid存放位置

pid        /var/run/nginx.pid;

events {

worker_connections  1024; # 單個后臺行程的最大并發數

}

http {

include      /etc/nginx/mime.types;  #檔案擴展名與型別映射表

default_type  application/octet-stream;  #默認檔案型別

#設定日志模式

log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '

'$status $body_bytes_sent "$http_referer" '

'"$http_user_agent" "$http_x_forwarded_for"';

access_log  /var/log/nginx/access.log  main;  #nginx訪問日志存放位置

sendfile        on;  #開啟高效傳輸模式

#tcp_nopush    on;    #減少網路報文段的數量

keepalive_timeout  65;  #保持連接的時間，也叫超時時間

#gzip  on;  #開啟gzip壓縮

include /etc/nginx/conf.d/*.conf; #包含的子配置項位置和檔案

再解釋一下主檔案中的子檔案，就是上面這個include下的.conf檔案

進入 '/etc/nginx/conf.d/' 這個檔案夾，再通過vim或者cat打開

server {

listen      80;  #配置監聽埠

server_name  localhost;  //配置域名

#charset koi8-r;

#access_log  /var/log/nginx/host.access.log  main;

location / {

root  /usr/share/nginx/html;    #服務默認啟動目錄

index  index.html index.htm;    #默認訪問檔案

}

#error_page  404              /404.html;  # 配置404頁面

redirect server error pages to the static page /50x.html

#

error_page  500 502 503 504  /50x.html;  #錯誤狀態碼的顯示頁面，配置后需要重啟

location = /50x.html {

root  /usr/share/nginx/html;

}

proxy the PHP scripts to Apache listening on 127.0.0.1:80

#

#location ~ \.php$ {

proxy_pass http://127.0.0.1;

#}

pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

#

#location ~ \.php$ {

root html;

fastcgi_pass 127.0.0.1:9000;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;

include fastcgi_params;

#}

deny access to .htaccess files, if Apache's document root

concurs with nginx's one

#

#location ~ /\.ht {

deny all;

#}

}

在這里插入圖片描述

這里的root表示，專案檔案是放在’/usr/share/nginx/html’下面，那么我們就去看看這里有啥呢

在這里插入圖片描述

就這倆玩意兒，也就是一個默認的index檔案和報錯的時候會展示的50x.html頁面

通過安全組的配置，允許瀏覽器訪問服務器地址的80埠，下面就是我的騰訊云服務器的默認首頁
在這里插入圖片描述

安全組的配置會有些復雜，需要一些網路協議的知識，不過騰訊云提供了視頻教程，大家可以看看地址在這里

這里還有一個小問題，就是當你們配置好default.conf的時候，需要重啟nginx才能運行新改的配置，這里在服務器里運行指令 ‘nginx -s reload’ 會報錯‘nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)’，這個時候可以如下

// 先輸入

nginx

nginx -s reload

或者是如果你使用iTerm的話，可以配置.bashrc檔案，添加一個alias的配置來簡化運行nginx指令；或者是通過指令 ‘systemctl start nginx.service’ 啟動nginx服務，通過指令 ‘ps aux | grep nginx’ 查看nginx是否是否啟動；還有很多nginx的指令，大家自行去官網查看，這里不多bb了，