現(xiàn)在公司項(xiàng)目都是前后端分離的方式開(kāi)發(fā)，有些時(shí)候由于某些新需求開(kāi)發(fā)或者 bug 修改，想要讓前端直接連到我本地開(kāi)發(fā)環(huán)境進(jìn)行調(diào)試，而前端代碼我并沒(méi)有，只能通過(guò)前端部署的測(cè)試環(huán)境進(jìn)行測(cè)試，最簡(jiǎn)單的辦法就是直接改 host 把后端測(cè)試環(huán)境的域名指向我本地的 IP，這對(duì)于 HTTP 協(xié)議的服務(wù)來(lái)說(shuō)是很輕易做到的，不過(guò)公司的測(cè)試環(huán)境全部上了 HTTPS，而我本地的服務(wù)是 HTTP 協(xié)議這樣就算是改了 host 也會(huì)由于協(xié)議不同導(dǎo)致請(qǐng)求失敗，所以需要將本地的服務(wù)升級(jí)成 HTTPS 才行。
方案
其實(shí) springboot 本身就支持 HTTPS( howto-configure-ssl )，但是這需要改項(xiàng)目代碼不太優(yōu)雅，于是就想直接用 Nginx 反向代理到本地服務(wù)，這樣在 nginx 層面做 HTTPS 就不需要改代碼了，只需修改 host 將 后端測(cè)試環(huán)境域名 指向 nginx 服務(wù)的 IP 即可，而且可以適用于其它的 HTTP 服務(wù)開(kāi)發(fā)調(diào)試。
簽發(fā)證書(shū)
首先要生成一套證書(shū)用于 nginx 的 ssl 配置，直接使用 openssl 工具生成一套 根證書(shū) 和對(duì)應(yīng)的 服務(wù)證書(shū) 。
- 根證書(shū)生成
# 生成一個(gè)RSA私鑰openssl genrsa -out root.key 2048# 通過(guò)私鑰生成一個(gè)根證書(shū)openssl req -sha256 -new -x509 -days 365 -key root.key -out root.crt -subj "/C=CN/ST=GD/L=SZ/O=lee/OU=work/CN=fakerRoot"
- 服務(wù)器證書(shū)生成
# 生成一個(gè)RSA私鑰openssl genrsa -out server.key 2048# 生成一個(gè)帶SAN擴(kuò)展的證書(shū)簽名請(qǐng)求文件openssl req -new -sha256 -key server.key -subj "/C=CN/ST=GD/L=SZ/O=lee/OU=work/CN=xxx.com" -reqexts SAN -config <(cat /etc/pki/tls/openssl.cnf <(printf "[SAN]nsubjectAltName=DNS:*.xxx.com,DNS:*.test.xxx.com")) -out server.csr# 使用之前生成的根證書(shū)做簽發(fā)openssl ca -in server.csr -md sha256 -keyfile root.key -cert root.crt -extensions SAN -config <(cat /etc/pki/tls/openssl.cnf <(printf "[SAN]nsubjectAltName=DNS:xxx.com,DNS:*.test.xxx.com")) -out server.crt
這樣就得到了三個(gè)關(guān)鍵文件：
root.crtserver.keyserver.crt
注：生成的服務(wù)器證書(shū)域名要支持測(cè)試環(huán)境訪(fǎng)問(wèn)的域名，否則瀏覽器會(huì)提示證書(shū)不安全。
nginx 配置
為了方便，直接使用 Docker 啟動(dòng)了一個(gè) nginx 容器進(jìn)行訪(fǎng)問(wèn)，并將證書(shū)和配置文件掛載到對(duì)應(yīng)的目錄：
- nginx.conf
server { listen 443 ssl; server_name _; ssl_certificate "/usr/local/nginx/ssl/server.pem"; ssl_certificate_key "/usr/local/nginx/ssl/server.key"; location / { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy true; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_pass http://127.0.0.1:3000; proxy_redirect off; proxy_http_version 1.1; }}
通過(guò)配置 ssl_certificate 和 ssl_certificate_key 來(lái)指定服務(wù)器的證書(shū)和私鑰， proxy_pass 指定開(kāi)發(fā)環(huán)境的訪(fǎng)問(wèn)地址。
- 啟動(dòng)
docker run -d --name https -p 443:443 -v ~/forword/ssl:/usr/local/nginx/ssl -v ~/forword/config/nginx.conf:/etc/nginx/conf.d/default.conf nginx
將 nginx 配置和證書(shū)相關(guān)文件掛載至對(duì)于的目錄，并暴露 443 端口，這樣服務(wù)啟動(dòng)后即可通過(guò) https 訪(fǎng)問(wèn)到本地開(kāi)發(fā)環(huán)境了。
安裝根證書(shū)
由于服務(wù)證書(shū)是自己簽發(fā)的，并不會(huì)被瀏覽器所信任，所以需要將 根證書(shū) 安裝至操作系統(tǒng)中。
- 打開(kāi) chrome 瀏覽器->設(shè)置->高級(jí)->管理證書(shū)
- 受信任的根證書(shū)頒發(fā)機(jī)構(gòu)->導(dǎo)入
- 選擇之前生成的根證書(shū) root.crt 導(dǎo)入即可
修改 host
在需要調(diào)試時(shí)，只需要將本地服務(wù)啟動(dòng)，再將 host 中將要測(cè)試的域名解析到 nginx 服務(wù)器的 IP，即可將前端請(qǐng)求轉(zhuǎn)發(fā)到開(kāi)發(fā)環(huán)境上，通過(guò)瀏覽器地址欄的 小鎖圖標(biāo) 可以看到證書(shū)，已驗(yàn)證服務(wù)已經(jīng)部署成功。
后記
本文中其實(shí)已經(jīng)提到了兩種解決方案了，其實(shí)還有其它的解決方案，例如使用 fidder 這種中間人攻擊的方式來(lái)實(shí)現(xiàn)，這里就不做多敘了。
