自搭建ngrok结合nginx实现不带端口号访问（支持https）

秦羽 2021-12-15 PM 272℃ 0条

## 背景

- 已使用docker搭建好了ngrok实现内网穿透，并已配置自有ssl证书可通过https访问

- 由于服务器的80和443端口已被nginx占用，当前ngrok的http和https分别是`8081` `8082`端口，访问时链接需加端口号才行

- 由于微信配置域名时不支持非80或443端口，现有的带端口的域名无法在微信配置

## 解决方法

- 增加nginx配置，转发80端口的http请求和443端口的https请求到ngrok
- nginx配置

```
server {
        listen 80;
        server_name *.ngrok.xxx.com ngrok.xxx.com;
        location / {
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header Host  $http_host:8081;
			proxy_set_header X-Nginx-Proxy true;
			proxy_set_header Connection "";
			proxy_pass      http://127.0.0.1:8081;
        }
}

server {
        listen 443 ssl;
        ssl on;
        ssl_certificate /etc/nginx/ssl/ngrok.xxx.com.crt;
        ssl_certificate_key /etc/nginx/ssl/ngrok.xxx.com.key;
        server_name *.ngrok.xxx.com ngrok.xxx.com;
        location / {
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_set_header Host  $http_host:8082;
			proxy_set_header X-Nginx-Proxy true;
			proxy_set_header Connection "";
			proxy_pass https://127.0.0.1:8082;
        }
    }

```

## 效果

- ngrok客户端

![](https://www.qinyu.cc/usr/uploads/2021/12/4226156908.png)

- 配置前

使用 https://test.ngrok.xxx.com:8082 访问

![](https://www.qinyu.cc/usr/uploads/2021/12/2218914416.png)

- 配置后

使用 https://test.ngrok.xxx.com 访问

![](https://www.qinyu.cc/usr/uploads/2021/12/1561097542.png)

参考： https://studygolang.com/articles/14412

标签: ngrok

非特殊说明，本博所有文章均为博主原创。

如若转载，请注明出处：https://www.qinyu.cc/archives/128.html

上一篇宿主机实现后台运行docker内脚本解决BrokenPipeError报错问题

下一篇 Python代码调试工具PySnooper

自搭建ngrok结合nginx实现不带端口号访问（支持https）

评论啦~

栏目分类

标签云

友情链接申请

自搭建ngrok结合nginx实现不带端口号访问（支持https）

 评论啦~

 栏目分类

标签云

友情链接申请

评论啦~

栏目分类

标签云

友情链接申请