誰說前端不需要懂-Nginx反向代理與負載均衡

chenhongdong發表於2018-06-12
前端Nginx負載

學到老活到老

前端圈一直很新，一直要不停的學習，而且在進入大廠的路上，還要求熟悉一門後臺語言等等。用一句別人開玩笑的話來說，java十年前的技術現在還能用，而前端的技術就不是這樣的了

突然想起了deno專案釋出的時候，一個搞笑的issue，“求別更新了，老子學不動了”。雖然看起來是一個玩笑的issue，但卻道出了前端們不得不表現出來的疲態，知識點越來越龐大，學習的內容越來越多

也聽到一些朋友們說，換成現在再面試阿里，恐怕不好進了啊。當然很多都是隨便一說的玩笑話，聽過一笑便可，不必當真，也不必抱怨了

好了，今天就直接來說一下主題吧，前端要了解一些運維的Nginx用法，內容不多，簡單看看就好，這兩個功能在工作當中就夠用了，那麼首先來看個問題，什麼是反向代理與負載均衡

什麼是反向代理與負載均衡

什麼是反向代理

當我們有一個伺服器叢集，並且伺服器叢集中的每臺伺服器的內容一樣的時候，同樣我們要直接從個人電腦訪問到伺服器叢集伺服器的時候無法訪問，必須通過第三方伺服器才能訪問叢集

這個時候，我們通過第三方伺服器訪問伺服器叢集的內容，但是我們並不知道是哪一臺伺服器提供的內容，此種代理方式稱為反向代理

什麼是負載均衡

公司會建立很多的伺服器，這些伺服器組成了伺服器叢集，然後，當使用者訪問網站的時候，先訪問一箇中間伺服器，再讓這個中間伺服器在伺服器叢集中選擇一個壓力較小的伺服器，然後將該訪問請求引入選擇的伺服器

所以，使用者每次訪問，都會保證伺服器叢集中的每個伺服器壓力趨於平衡，分擔了伺服器壓力，避免了伺服器崩潰的情況

一句話：nginx會給你分配伺服器壓力小的去訪問

Nginx反向代理與負載均衡的實現

使用者訪問網站的時候首先會訪問nginx伺服器，然後nginx伺服器再從伺服器叢集中選擇壓力較小的伺服器，將該訪問請求引向該伺服器

nginx配置

下面修改配置方面我就從mac系統下來進行簡單的演示，如何安裝的話也暫以mac為主了，windows系統直接去Nginx官網下載安裝即可

安裝nginx
    1-進到homebrew官網，然後複製命令，預安裝需要的東西
    2-brew install nginx    安裝nginx
    3-nginx -v  顯示版本號
進入nginx
    cd /usr/local/etc/nginx
複製程式碼

下圖為進入nginx資料夾下的檔案內容

誰說前端不需要懂-Nginx反向代理與負載均衡
當進到這個目錄下，我們就可以操作nginx了，接下來就列舉一些非常非常有用的命令，多敲幾遍，一定要記住

nginx常用命令

  • 啟動nginx
    • nginx
    • 當你敲完nginx這5個鍵的時候，並沒有任何反應，此時你只需訪問localhost:8080(預設)即可

誰說前端不需要懂-Nginx反向代理與負載均衡

  • 關閉nginx
    • 如果出現下圖情況，不要驚慌，是因為之前nginx被啟動過了
    • 只需nginx -s stop，停止nginx服務
    • 然後再次啟動nginx即可

誰說前端不需要懂-Nginx反向代理與負載均衡

  • 重啟nginx
    • nginx -s reload
    • 每次修改完.conf檔案就需要重啟nginx
  • 檢查配置
    • 檢查修改的nginx.conf配置是否正確
    • nginx -t
    • 如果出現下面ok和successfull就代表正確了，其他的都不對
     nginx: the configuration file /usr/local/etc/nginx/nginx.conf syntax is ok
 nginx: configuration file /usr/local/etc/nginx/nginx.conf test is successful
複製程式碼

對於我們前端來說正常工作當中，倒是不需要過多的修改nginx的。我們之所以修改nginx配置，是為了做一些反向代理罷了

proxy_pass

nginx反向代理主要通過proxy_pass來配置，將你專案的開發機地址填寫到proxy_pass後面，正常的格式為proxy_pass URL即可

server {
    listen 80;
    location / {
        proxy_pass http://10.10.10.10:20186;
    }
}
複製程式碼

Upstream模組實現負載均衡

  • ip_hash指令
  • server指令
  • upstream指令及相關變數

上面寫的三個指令，我們直接通過程式碼來一一分析

// 修改nginx.conf
worker_processes 1;
events {
    worker_connections 1024;
}
http {
    upstream firstdemo {
        server 39.106.145.33;
        server 47.93.6.93;
    }
    server {
        listen 8080;
        location / {
            proxy_pass http://firstdemo;
        }
    }
}
複製程式碼

上面修改的nginx.conf就是上圖中花圈的那個檔案，nginx配置的主要修改就在這裡。化繁為簡，把原本nginx.conf裡的內容直接替換為上面的不到20行的程式碼了

既然不到20行，那就把裡面對應的內容統統解釋一下吧，有個瞭解就好

  • worker_processes
    • 工作程式數，和CPU核數相同
  • worker_connections
    • 每個程式允許的最大連線數
  • upstream模組
    • 負載均衡就靠它
    • 語法格式：upstream name {}
    • 裡面寫的兩個server分別對應著不同的伺服器
  • server模組
    • 實現反向代理
    • listen監督埠號
    • location / {}訪問根路徑
    • proxy_pass http://firstdemo，代理到firstdemo裡兩個伺服器上

上面修改了nginx.conf之後，別忘了最重要的一步重啟nginx

那麼再次訪問localhost:8080，會看到如下圖頁面

誰說前端不需要懂-Nginx反向代理與負載均衡
還有另一個頁面

誰說前端不需要懂-Nginx反向代理與負載均衡
每次重新整理都會訪問不同的伺服器，這樣就做到了負載均衡處理

不過，更應該做到的是當使用者第一次訪問到其中一臺伺服器後，下次再訪問的時候就直接訪問該臺伺服器就好了，不用總變化了。那麼就發揮了ip_hash的威力了

// 省略...
    upstream firstdemo {
        ip_hash;
        server 39.106.145.33;
        server 47.93.6.93;
    }
複製程式碼

ip_hash它的作用是如果第一次訪問該伺服器後就記錄，之後再訪問都是該伺服器了，這樣比如第一次訪問是33伺服器，那之後再訪問也會分配為33伺服器訪問了

工作中的簡單使用

在公司開發專案的時候，遇到設計，產品走查環節的時候，不能每次都讓他們去配一個host，畢竟這樣不友好，走查起來有麻煩。所以更應該給他們直觀的感受，既給一個訪問地址就可以看到樣子

下面給大家看一下，我正常在公司時nginx做的反向代理配置，和我們們上面的如出一轍，只是加了一個server_name，用指定的域名去訪問即可

server {
    listen       80;
    server_name  chd.news.so.m.qss.test.so.com ;
    auth_basic off;
    location / {
        proxy_pass    http://10.10.10.10:20186;
        proxy_set_header Host $host;
        proxy_redirect off;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_connect_timeout 60;
        proxy_read_timeout 600;
        proxy_send_timeout 600;
    }
}
複製程式碼

每次修改完nginx配置後不要忘記重啟nginx才能生效，這樣只需要訪問chd.news.so.m.qss.test.so.com這個地址就可以檢視我的開發環境，進行走查了。

這就是nginx最大的功能，反向代理我也接觸的不是很多，畢竟不是專業運維出身，可比性差了很多。略知一二，也只是方便大家工作中使用吧，再次感謝大家的收看了，哈哈

相關文章