請求邏輯
前端 –> https方式請求nginx
nginx –> 通過http請求后端服務
安裝OpenSSL
下載地址
然后配置環境變量。在系統環境變量中添加環境變量:
變量名:OPENSSL_HOME
變量值:F:\OpenSSL-Win64\bin;
(變量值為OPENSSL安裝位置下的bin目錄)
生成證書
用命令行隨便打開一個目錄, 使用如下命令生成證書
# 創建私鑰 # test文件名是自己隨便起即可, 這個命令會讓你設置兩次rsa的密碼, 請務必記住該密碼, 后續需要使用, 命令執行完畢, 會在當前目錄生成 test.key 的文件 openssl genrsa -des3 -out test.key 1024 # 創建csr證書, 這里用到的 test.key 是上一個命令生成的那個. 執行這個命令后,需要輸入一系列的信息。輸入的信息中最重要的為Common Name,這里輸入的域名即為我們要使用https訪問的域名 ,比如我輸入的是localhost。其它的內容隨便填即可。以上步驟完成后,ssl文件夾內出現兩個文件:test.csr 和 test.key openssl req -new -key test.key -out test.csr # 去除密碼 # 在加載SSL支持的Nginx并使用上述私鑰時除去必須的口令,否則會在啟動nginx的時候需要輸入密碼。 # 復制test.key并重命名為test.copy.key # 在命令行中執行如下命令以去除口令(此時需要輸入密碼,這個密碼就是上文中在創建私鑰的時候輸入的密碼。) openssl rsa -in test.copy.key -out test.key # 生成crt證書. 證書生成完畢。我們發現,ssl文件夾中一共生成了4個文件。下面,配置https服務器的時候,我們需要用到的是其中的test.crt和test.key這兩個文件。 openssl x509 -req -days 365 -in test.csr -signkey test.key -out test.crt
下載安裝nginx, 修改nginx配置
將生成的test.key
和 test.crt
移動到 $NGINX_ROOT/conf
目錄
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include 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 logs/access.log main; sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; #gzip on; server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { root D:/local-site; index index.html index.htm; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root 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; #} } server { listen 8086; listen localhost:8086; server_name localhost; gzip on; gzip_buffers 4 16k; gzip_comp_level 6; gzip_vary on; gzip_types text/plain text/css application/json application/x-javascript application/javascript text/xml application/xml application/xml+rss text/javascript; location / { root D:/local-site/good-test; index index.html index.htm; } location ^~/api/ { rewrite ^~/api/(.*)$ /$1 break; proxy_pass http://localhost:8080/; #代理IP:端口 } } # HTTPS server 配置, 這里使用了反向代理和跨域支持, 注意nginx和后端服務, 只需要在nginx設置跨域即可, 后端服務的跨域不要開啟, 如果兩邊都開啟了跨域, 會出問題 # server { listen 443 ssl; server_name localhost; ssl_certificate test.crt; ssl_certificate_key test.key; ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on; # location / { # root html; # index index.html index.htm; # } location / { # rewrite ^~/api/(.*)$ /$1 break; # add_header Access-Control-Allow-Origin *; # 允許客戶端的請求方法 add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT'; # 允許客戶端提交的的請求頭 add_header 'Access-Control-Allow-Headers' 'Origin, x-requested-with, Content-Type, Accept, Authorization'; # 允許客戶端提交Cookie add_header 'Access-Control-Allow-Credentials' 'true'; # 允許客戶端訪問的響應頭 add_header 'Access-Control-Expose-Headers' 'Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, Pragma'; proxy_pass http://10.114.119.61:8080; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Forwarded-Port $server_port; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } } server { listen 8443 ssl; server_name localhost; ssl_certificate test.crt; ssl_certificate_key test.key; ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m; ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on; # location / { # root html; # index index.html index.htm; # } location / { # rewrite ^~/api/(.*)$ /$1 break; # add_header Access-Control-Allow-Origin $http_origin; # 允許客戶端的請求方法 add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT'; # 允許客戶端提交的的請求頭 add_header 'Access-Control-Allow-Headers' 'Origin, x-requested-with, Content-Type, Accept, Authorization'; # 允許客戶端提交Cookie add_header 'Access-Control-Allow-Credentials' 'true'; # 允許客戶端訪問的響應頭 add_header 'Access-Control-Expose-Headers' 'Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, Pragma'; # 這是是配置需要代理的服務 proxy_pass http://10.114.119.61:7001; # proxy_pass https://172.16.46.38:8443; # proxy_pass http://10.114.119.61:8866; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header X-Forwarded-Port $server_port; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } } }
重啟nginx
本地域名配置
打開C:\Windows\System32\drivers\etc\hosts
文件
加入配置:
10.114.119.61 pan.test.com
10.114.119.61 pan.uat.com