具有 Cloudflare 域的 Ngrok

Posted 2023-04-18

【中文标题】具有 Cloudflare 域的 Ngrok

【英文标题】：Ngrok with Cloudflare domain

【发布时间】：2021-07-03 14:13:18

【问题描述】：

我已购买 ngrok pro 计划通过 cloudflare 使用白标域。但在配置端到端 SSL 加密时遇到问题。

React 应用正在本地主机 (http://localhost:3000) 上运行。 在 ngrok 中创建了一个域 (app.example.com)。 在 app.example.com 的 cloudflare 中添加了 xxx.ngrok.io url 的 CNAME 记录。 在 cloudflare 中启用了 SSL https://app.example.com 在 cloudflare 上给出 HTTP 520 错误

cloudflare 在 *.example.com 域上具有通用证书。

无论如何我可以让https://app.example.com 通过 ngrok 解析为 https://localhost:3000？

【参考方案1】：

这是一种方法，假设您可以将 Cloudflare 仅用作 DNS：

配置 ngrok 以提供正确的 TLS 证书。在您的域app.example.com 的 ngrok 中，选择“自动 TLS 证书”选项，这意味着 ngrok 将为您提供一个。

在 Cloudflare 中，“grey cloud the DNS record”这样流量在通过 ngrok 代理之前不再通过 Cloudflare 进行代理。现在它只会在转发到本地服务器之前通过 ngrok 代理。

启动您的 ngrok 隧道。假设您的本地服务器未配置为终止 TLS，您可以运行 ngrok http --bind-tls=true --hostname=app.example.com 3000 之类的东西来启动仅 HTTPS 的隧道端点。

【参考方案2】：

我正在寻找提出的 ngrok 隧道解决方案，我还找到了一种可以直接通过 cloudflare 进行 Argo 隧道的方法。这可能是解决问题的另一种方法。 https://developers.cloudflare.com/cloudflare-one/tutorials/share-new-site