在自學游戲開發的路上，最有成就感的時刻就是將自己的小游戲做出來分享給朋友試玩，原生的游戲開可以打包分享，小游戲上線流程又長，那 H5 小游戲該怎么分享呢？本文就帶大家通過 nginx 將構建好的 H5 游戲托管的阿里云上。
內容大綱：
- 下載、配置 nginx
- 上傳游戲構建文件到云服務器
- nginx 通過端口設置多個虛擬主機
開發環境：
阿里云服務器：Ubuntu 14.04.5 LTS (GNU/Linux 4.4.0-93-generic x86_64)
nginx：nginx/1.4.6 (Ubuntu)
WinSCP：5.15.3
步驟詳解：
1.下載、配置 nginx
開始之前先簡單的說一下什么是 nginx，nginx 是一款輕量級的 Web 服務器/ 反向代理服務器及電子郵件（IMAP/POP3）代理服務器，并在一個BSD-like 協議下發行，其特點是占有內存少， 并發能力強。
反向代理就是以代理服務器來接受internet上的連接請求，然后將請求轉發給內部網絡上的服務器，并將從服務器上得到的結果返回給 internet 上請求連接的客戶端，此時代理服務器對外就表現為一個服務器。
負載均衡其實就是將流量分發到多個服務器上執行，減輕每臺服務器的壓力，多臺服務器共同完成工作任務，從而提高了數據的吞吐量，從而擴展了網絡設備和服務器的帶寬、增加吞吐量、加強網絡數據處理能力、提高網絡的靈活性和可用性。
使用 nginx 我們可以做到動靜分離，將萬年不動的靜態資源放到 nginx 中，而動態資源運行在 TomCat 服務器中，當訪問靜態資源時，直接請求 nginx 就可以了，不在需要去請求 TomCat 這樣服務器的壓力又小了。
目前支持兩種安裝方式，一種是基于 APT 源安裝，一種是通過源碼包編譯安裝，但是如果想要安裝最新版本的就必須下載源碼包編譯安裝。本文采用的是基于 APT 源安裝方式，想了解另外一種安裝方式的小伙伴可自行百度。
1.1 更新軟件源
1.2 安裝 nginx
sudo apt-get install nginx
注：安裝好的文件位置：
/usr/sbin/nginx：主程序
/etc/nginx：存放配置文件
/usr/share/nginx：存放靜態文件
/var/log/nginx：存放日志
1.3 查看 nginx 是否安裝成功
1.4 啟動 nginx
1.5 啟動后，在瀏覽器輸入服務器的公網 IP，即可看到 nginx 的歡迎頁面，至此nginx安裝成功。
2.上傳游戲構建文件到云服務器
2.1 上傳文件到云服務器需要用到一個工具：WinSCP，軟件我已經上傳到百度云，公眾號后臺回復「WinSCP」即可獲得，無腦操作即可安裝。
2.2 上傳文件之前需要先在云服務器中創建一個文件夾用來一會放置游戲構建文件，因為一會要放置兩個游戲的構建文件，所以我又創建了兩個子文件夾，目錄如下（我是創建在了根目錄下，你可以根據實際情況自行創建。）：
/www/80
/www/81
2.3 創建好文件夾后就可以使用 WinSCP 上傳游戲構建文件了，準備兩個構建好的游戲，將構建文件全選后右擊上傳到上面創建的目錄即可：
3.nginx 通過端口設置多個虛擬主機
開始之前同樣對 nginx 的配置文件先做簡單的說明：
... #全局塊
events { #events塊
...
}
http #http塊
{
... #http全局塊
server #server塊
{
... #server全局塊
location [PATTERN] #location塊
{
...
}
location [PATTERN]
{
...
}
}
server
{
...
}
... #http全局塊
}
全局塊：配置影響nginx全局的指令。一般有運行nginx服務器的用戶組，nginx進程pid存放路徑，日志存放路徑，配置文件引入，允許生成worker process數等。
events塊：配置影響nginx服務器或與用戶的網絡連接。有每個進程的最大連接數，選取哪種事件驅動模型處理連接請求，是否允許同時接受多個網路連接，開啟多個網絡連接序列化等。
http塊：可以嵌套多個server，配置代理，緩存，日志定義等絕大多數功能和第三方模塊的配置。如文件引入，mime-type定義，日志自定義，是否使用sendfile傳輸文件，連接超時時間，單連接請求數等。
server塊：配置虛擬主機的相關參數，一個http中可以有多個server。
location塊：配置請求的路由，以及各種頁面的處理情況。
下面給大家上一個配置文件，作為理解：
########### 每個指令必須有分號結束。#################
#user administrator administrators; #配置用戶或者組，默認為nobody nobody。
#worker_processes 2; #允許生成的進程數，默認為1
#pid /nginx/pid/nginx.pid; #指定nginx進程運行文件存放地址
error_log log/error.log debug; #制定日志路徑，級別。這個設置可以放入全局塊，http塊，server塊，級別以此為：debug|info|notice|warn|error|crit|alert|emerg
events {
accept_mutex on; #設置網路連接序列化，防止驚群現象發生，默認為on
multi_accept on; #設置一個進程是否同時接受多個網絡連接，默認為off
#use epoll; #事件驅動模型，select|poll|kqueue|epoll|resig|/dev/poll|eventport
worker_connections 1024; #最大連接數，默認為512
}
http {
include mime.types; #文件擴展名與文件類型映射表
default_type application/octet-stream; #默認文件類型，默認為text/plain
#access_log off; #取消服務日志
log_format myFormat '$remote_addr–$remote_user [$time_local] $request $status $body_bytes_sent $http_referer $http_user_agent $http_x_forwarded_for'; #自定義格式
access_log log/access.log myFormat; #combined為日志格式的默認值
sendfile on; #允許sendfile方式傳輸文件，默認為off，可以在http塊，server塊，location塊。
sendfile_max_chunk 100k; #每個進程每次調用傳輸數量不能大于設定的值，默認為0，即不設上限。
keepalive_timeout 65; #連接超時時間，默認為75s，可以在http，server，location塊。
upstream mysvr {
server 127.0.0.1:7878;
server 192.168.10.121:3333 backup; #熱備
}
error_page 404 https://www.baidu.com; #錯誤頁
server {
keepalive_requests 120; #單連接請求上限次數。
listen 4545; #監聽端口
server_name 127.0.0.1; #監聽地址
location ~*^.+$ { #請求的url過濾，正則匹配，~為區分大小寫，~*為不區分大小寫。
#root path; #根目錄
#index vv.txt; #設置默認頁
proxy_pass http://mysvr; #請求轉向mysvr 定義的服務器列表
deny 127.0.0.1; #拒絕的ip
allow 172.18.5.54; #允許的ip
}
}
}
利用虛擬主機技術，可以把一臺真正的主機分成許多 ” 虛擬 ” 的主機，每一臺虛擬主機都具有獨立的域名和 IP 地址，具有完整的 Internet 服務器（ www, FTP,email ）功能。虛擬主機之間完全獨立，在外界看來，每一臺虛擬主機和一臺獨立的主機完全一樣。
虛擬主機共分為三種：基于 IP 的虛擬主機，基于端口的虛擬主機和基于名稱的虛擬主機，本文采用的是基于端口設置多個虛擬主機，想了解另外兩種設置方式的小伙伴可自行百度。
3.1 本文放開的是 80 和 81 端口，80 端口是默認的端口，開始之前優先要在阿里云服務器打開 81 端口：
3.2 阿里云服務器配置好之后，就可以遠程登錄服務器去看是否開啟端口成功了，如果沒有檢測到端口的話，還需要手動開啟：
查看狀態：
如果沒有 81 端口，則需要打開 81 端口：
打開端口：
iptables -I INPUT -p tcp --dport 81 -j ACCEPT
關閉端口：
iptables -D INPUT -p tcp --dport 81 -j ACCEPT
3.3 打開端口后，加下來需要配置 nginx.conf 文件了，上面已經對 nginx.conf 配置文件進行了簡單的介紹，想要通過端口設置多個虛擬主機，只需要在添加一個 server 對新打開的端口進行監聽即可：
server {
listen 80; // 監聽 80 端口
server_name test80.superyu.com;
root /www/80; // 項目目錄
location / {
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
server {
listen 81; // 監聽 81 端口
server_name test81.superyu.cn;
root /www/81; // 項目目錄
location / {
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
3.4 配置好 nginx.conf 文件后，重啟 nginx 就可以查看效果了：
輸入下面命令即可在不關閉 nginx 的情況下更新配置文件：
3.5 在編輯器輸入 http://公網:端口 可以看到效果如下：
最后：
到此這篇關于詳解如何部署H5游戲到nginx服務器的文章就介紹到這了,更多相關nginx部署h5內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家！
