如何绕过Ngrok浏览器警告

14

我对Ngrok比较新,经常会收到滥用警告。很烦人,因为我想测试我的网站,但端点进入了浏览器警告。

如何发送一个[ngrok-skip-browser-warning]请求头来绕过此警告?

浏览器警告


2
你使用的是哪个浏览器?对于Chrome浏览器,有一些插件可以让你设置头部信息。我没有使用过这个插件,所以无法保证它的可靠性,但它似乎可以解决问题:https://chrome.google.com/webstore/detail/modheader/idgpnmonknjnojddfkpgkljpfnnfcklj?hl=en - Russ Savage
2个回答

21

为了绕过浏览器警告,您需要在请求头中包含带有任何值的ngrok-skip-browser-warning请求头。
要包含的内容的确切语法取决于您正在进行的API调用类型。
例如,对于JavaScript中的fetch请求,必须包含以下内容才能绕过警告:

fetch(url, {
      method: "get",
      headers: new Headers({
        "ngrok-skip-browser-warning": "69420",
      }),
    })
      .then((response) => response.json())
      .then((data) => console.log(data))
      .catch((err) => console.log(err));

1
我想在Facebook中将我的URL添加为Webhook。但是我们无法在那里配置自定义标头。还有其他解决方案吗? - Ankur Raiyani
如果您能在代理后运行ngrok,请查看我的答案@AnkurRaiyani。在您的情况下,您需要一个最简单的带有静态IP的虚拟机,它将代理流量到ngrok。 - igops

4

TL;DR; 对于那些仍然想知道如何自动化解决方法的人,我创建了一个docker镜像,它在本地运行一个简单的HTTPS代理,并为每个请求添加ngrok-skip-browser-warning头。

运行:

$ docker run -d --rm \
  -p 8443:443 \
  -p 8080:80 \
  -e NGROK_HOST=https://your-ngrok-domain.ngrok.io \
  igops/ngrok-skip-browser-warning:latest

从现在开始,将https://ngrok.localhost.direct:8443作为您的API根目录。
例如,您被告知要调用GET https://your-ngrok-domain.ngrok.io/api/v1/whatever。现在您只需调用GET https://ngrok.localhost.direct:8443/api/v1/whatever,并获得无警告页面的响应! *.localhost.direct是指向127.0.0.1的公共DNS的通配符记录。 阅读更多
主要的想法是使用以下配置运行Nginx。
server {
    server_name localhost ngrok.localhost.direct;

    listen 80;
    listen 443 ssl;

    ssl_certificate /etc/nginx/certs/localhost.direct.crt;
    ssl_certificate_key /etc/nginx/certs/localhost.direct.key;

    location / {
        # regular forwarding headers
        proxy_set_header X-Forwarded-For $proxy_protocol_addr;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host your-ngrok-domain.ngrok.io;

        # this line does the actual trick
        proxy_set_header ngrok-skip-browser-warning 1;

        # forward!
        proxy_pass https://your-ngrok-domain.ngrok.io;
    }
}

请随意使用。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接