window環境搭建本地小程式伺服器
一.準備工作:
1.下載node.jsofollow,noindex">https://nodejs.org/en/download/
2.下載nginxhttp://nginx.org/en/download.html
3.下載opensslOpenSSL.html" target="_blank" rel="nofollow,noindex">http://slproweb.com/products/Win32OpenSSL.html
根據自己的需要下載相應版本。
二.安裝node.js
1.執行 node-v8.12.0-x64.msi 安裝程式,下一步直到結束。
2.配置環境變數。在path中新增node.js路徑E:\Program Files\nodejs\(根據自己的安裝路徑填寫)
3.安裝json-server元件,在命令列執行npm install -g json-server
4.在本地建一個json檔案。例如test.json
{
"test": [
{
"id": 1,
"type": "node.js"
},
{
"id": 2,
"type": "php"
}
]
}
5.啟動json-server服務:開啟命令視窗,進入test.json檔案目錄,執行json-server test.json
6.瀏覽器中輸入http://localhost:3000 測試一下。
三.Nginx配置https伺服器
1.安裝OpenSSL,最好安裝到C盤,C:\OpenSSL-Win64。
2.配置環境變數,在系統環境變數 path 中新增 C:\OpenSSL-Win64\bin
3.安裝nginx,安裝完成 在 nginx目錄執行命令 start nginx ,測試是否成功,http://localhost 。
四.證書生成
1.在nginx安裝目錄建立ssl資料夾用於存放證書。
2.建立私鑰:在命令列中進入ssl目錄,執行命令:openssl genrsa -des3 -out mumu.key 1024 # mumu.key檔名隨意
這裡會輸入一個密碼,記住密碼後面會用。
3.建立crs證書 : 在命令列中執行命令:openssl req -new -key mumu.key -out mumu.csr
輸入相關資訊,輸入的資訊中最重要的為Common Name,這裡輸入的域名即為我們要使用https訪問的域名 ,比如我輸入的是localhost。其它的內容隨便填即可。
以上步驟完成後,ssl資料夾內出現兩個檔案:mumu.csr 和 mumu.key
4.去除密碼:複製mumu.key重新命名檔案為mumu.key.org,在命令列執行命令:openssl rsa -in mumu.key.org -out mumu.key 然後輸入密碼,第2步輸入的密碼。
5.生成crt證書:在命令列執行命令:openssl x509 -req -days 365 -in mumu.csr -signkey mumu.key -out mumu.crt
五.修改nginx 的 nginx.conf配置檔案
找到HTTPS server配置的那一段(即包含有listen 443 ssl配置那一段)。我們發現這段程式碼被註釋掉了。所以,首先我們把該段程式碼前面的#號去掉。然後分別修改其中的ssl_certificate和ssl_certificate_key配置項為剛才所生成的buduhuisi.crt和buduhuisi.key這兩個檔案的目錄。並配置server_name為localhost。修改後的該段配置如下:
server {
listen443 ssl;
server_namelocalhost;
ssl_certificateE://app//nginx-1.15.5//ssl//mumu.crt;# 這個是證書的crt檔案所在目錄 ssl_certificate_keyE://app//nginx-1.15.5//ssl//mumu.key; # 這個是證書key檔案所在目錄 ssl_session_cacheshared:SSL:1m; ssl_session_timeout5m; ssl_ciphersHIGH:!aNULL:!MD5; ssl_prefer_server_cipherson; location / { proxy_pass http://127.0.0.1:3000/; roothtml; }
}
六.修改hosts配置,實現域名對映
127.0.0.1www.test.com
七. Nginx的常用操作
在繼續後面的內容之前,先簡單介紹下Windows命令列中操作Nginx的幾個常用的語句:
start nginx# 啟動Nginx nginx.exe -s stop# 快速停止Nginx,可能並不儲存相關資訊 nginx.exe -s quit# 完整有序的停止Nginx,並儲存相關資訊 nginx.exe -s reload# 重新載入Nginx,當配置資訊修改,需要重新載入這些配置時使用此命令。 nginx.exe -s reopen# 重新開啟日誌檔案 nginx -v# 檢視Nginx版本
因為修改了配置檔案,所以需要退出控制檯,並重新開啟一個控制檯。執行如下命令:
cd c:\nginx nginx.exe -s quit start nginx
即退出Nginx,然後再重新啟動它。這時候,在瀏覽器位址列輸入https://localhost 並回車。