Redian新闻
>
通过Nginx反向代理,实现远程调试本机代码

通过Nginx反向代理,实现远程调试本机代码

公众号新闻

背景

现在公司项目都是前后端分离的方式开发,有些时候由于某些新需求开发或者 bug 修改,想要让前端直接连到我本地开发环境进行调试,而前端代码我并没有,只能通过前端部署的测试环境进行测试,最简单的办法就是直接改 host 把后端测试环境的域名指向我本地的 IP,这对于 HTTP 协议的服务来说是很轻易做到的。

不过公司的测试环境全部上了 HTTPS,而我本地的服务是 HTTP 协议这样就算是改了 host 也会由于协议不同导致请求失败,所以需要将本地的服务升级成 HTTPS 才行。

方案

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

签发证书

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

1.根证书生成

# 生成一个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"

2.服务器证书生成

# 生成一个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

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指定开发环境的访问地址。

启动

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 访问到本地开发环境了。

安装根证书

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

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

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

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

修改 host

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

后记

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

链接:https://segmentfault.com/a/1190000021453331

(版权归原作者所有,侵删)


微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
香港反向代购,火了KingGee任命创意代理合作伙伴;DDB集团新加坡赢得Samsonite东南亚代理业务(广告狂人日报)Cloudflare用Rust重写Nginx C模块,构建没有Nginx的未来就想远程上班?那招聘远程职位的这100强企业,就值得你瞅瞅了香港赚钱内地消费,反向代购兴起|首席资讯日报超强大的 Nginx 可视化管理平台 Nginx-Proxy-Manager 中文入门指南一趟能赚几百块,“反向代购”火爆!香港年轻人爱上内地网红美食纳尼?CAIE2月AS&A-level更新5个课程大纲,未来还有更多课程调整!!被国内全网404的网易视频《鹅鸭杀》进驻Tap、称正寻中国地区代理,官方称中文商标被抢注?谁说美国远程关闭了白俄罗斯专机?波音公司远程关闭了白俄总统专机,坐实了美国产品都有后门“香港没奶茶吗?”“一杯奶茶代购费10元”…香港“反向代购”大火,这些东西都从内地买!香港代购不“香”后,他们开始从深圳反向代购,赚香港人的钱中国手机代工三巨头,千亿收入只有20亿利润|知料华人机会来了!有『钱』途的远程岗位,实现时间自由、财务自由!趣图:AI 啥时候能调试代码KingGee任命创意代理合作伙伴;DDB集团新加坡赢得Samsonite东南亚代理业务(广告狂人日报)疫情一波未平一波又起用自研 Pingora 替代 Nginx 后,Cloudflare 成为了最受欢迎 Web 服务器国内首例社区双栈Istio方案落地经验,实现代码已开源年入246亿,浙大学霸干出全球第二大手机代工厂,冲刺A股上市Agustín Hernández:中美洲建筑背景下的未来主义巨构深圳人的“反向代购”,拯救了多少香港白领国服代理有了?爆料称世纪华通为暴雪游戏国服新代理,世纪华通迅速否认这个世界会好吗还在手动配置Nginx?太LOW了,这个超强大的 Nginx 可视化管理工具太牛逼了!天赋“易昺(bǐng)”,创造历史!APISIX Ingress VS Ingress NGINX,详细对比让你一目了然楼下说“明年可能是美国对中国发起总攻的时刻”,我当然乐见,可是无论如何都都感受不到美国在准备什么涅?BB鸭 | 比亚迪今年首次降价;小米一卡多号专利获授权;魅族20跑分曝光;快手测试本地生活小程序《英雄联盟》今日切换代理商:拳头亲自运营东南亚,大哥大代理台服不谈战争谈音乐——普罗科菲耶夫(3)Springboot代码混淆,别再让代码在线上进行裸奔趣图:调试代码时大脑的平均性能智能皮肤喷雾 实现远程阅读打字和手势操控
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。