个人中心
gpt4 book ai didi

通过nginx反向代理来调试代码的实现

转载 作者：qq735679552 更新时间：2022-09-29 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章通过nginx反向代理来调试代码的实现由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

背景 。

现在公司项目都是前后端分离的方式开发，有些时候由于某些新需求开发或者 bug 修改，想要让前端直接连到我本地开发环境进行调试，而前端代码我并没有，只能通过前端部署的测试环境进行测试，最简单的办法就是直接改 host 把后端测试环境的域名指向我本地的 IP，这对于 HTTP 协议的服务来说是很轻易做到的，不过公司的测试环境全部上了 HTTPS，而我本地的服务是 HTTP 协议这样就算是改了 host 也会由于协议不同导致请求失败，所以需要将本地的服务升级成 HTTPS 才行.

方案 。

其实 springboot 本身就支持 HTTPS(howto-configure-ssl)，但是这需要改项目代码不太优雅，于是就想直接用nginx反向代理到本地服务，这样在nginx层面做 HTTPS 就不需要改代码了，只需修改 host 将后端测试环境域名指向 nginx 服务的 IP 即可，而且可以适用于其它的 HTTP 服务开发调试.

通过nginx反向代理来调试代码的实现

签发证书 。

首先要生成一套证书用于 nginx 的 ssl 配置，直接使用openssl工具生成一套根证书和对应的服务证书.

根证书生成 。

?
1
2
3
4
5
# 生成一个RSA私钥
openssl genrsa -out root.key 2048
# 通过私钥生成一个根证书
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"

服务器证书生成 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# 生成一个RSA私钥
openssl genrsa -out server.key 2048
# 生成一个带SAN扩展的证书签名请求文件
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
# 使用之前生成的根证书做签发
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

这样就得到了三个关键文件:

  • root.crt:根证书
  • server.key:服务证书私钥
  • server.crt:服务证书
注：生成的服务器证书域名要支持测试环境访问的域名，否则浏览器会提示证书不安全。

nginx 配置 。

为了方便，直接使用docker启动了一个 nginx 容器进行访问，并将证书和配置文件挂载到对应的目录:

nginx.conf 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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;
   }
}

通过配置ssl_certificate和ssl_certificate_key来指定服务器的证书和私钥，proxy_pass指定开发环境的访问地址.

启动 。

?
1
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 配置和证书相关文件挂载至对应的目录，并暴露 443 端口，这样服务启动后即可通过 https 访问到本地开发环境了.

安装根证书 。

由于服务证书是自己签发的，并不会被浏览器所信任，所以需要将根证书安装至操作系统中.

打开 chrome 浏览器->设置->高级->管理证书 。

通过nginx反向代理来调试代码的实现

受信任的根证书颁发机构->导入 。

通过nginx反向代理来调试代码的实现

选择之前生成的根证书root.crt导入即可 。

修改 host 。

在需要调试时，只需要将本地服务启动，再将 host 中将要测试的域名解析到nginx服务器的 IP，即可将前端请求转发到开发环境上，通过浏览器地址栏的小锁图标可以看到证书，已验证服务已经部署成功.

通过nginx反向代理来调试代码的实现

通过nginx反向代理来调试代码的实现

后记 。

本文中其实已经提到了两种解决方案了，其实还有其它的解决方案，例如使用fidder这种中间人攻击的方式来实现，这里就不做多叙了.

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我.

原文链接：https://segmentfault.com/a/1190000021453331 。

最后此篇关于通过nginx反向代理来调试代码的实现的文章就讲到这里了,如果你想了解更多关于通过nginx反向代理来调试代码的实现的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

24 4 0
文章推荐： MySQL-MMM安装指南(Multi-Master Replication Manager for MySQL)
文章推荐： 详解MySQL中SlowLog的配置方法(图文)
文章推荐： 部署Nginx+Apache动静分离的实例详解
文章推荐： Nginx 域名SSL证书配置(网站 http 升级为 https)
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com