【进阶教程】利用 Cloudflare Zero Trust Tunnel 实现 HuggingFace / CodeSandbox 自定义域名。

6 个月前(已编辑)
/ , , , ,
155
摘要
- 文档作者是Harry-zklcdc，并提供了仓库链接。 - 首先需要确保将域名绑定至Cloudflare。 - 步骤一是注册Cloudflare Zero Trust，可以使用PayPal来跳过绑定银行卡的步骤。 - 步骤二是创建隧道，进入Zero Trust后台，选择Network->Tunnel->创建一个隧道。选择Cloudflared并填入注释名称。复制安装命令并保存token。 - 步骤三是配置Space/DevBox。对于HuggingFace，在机密中填入之前保存的token，并重启Space。对于CodeSandbox，进入DevBox，输入token值并运行命令。 - 步骤四是配置域名，填入子域名、Cloudflare绑定的域名、选择HTTP类型、填入localhost:7860作为URL。使用填入的域名进行访问。
这篇文章上次修改于 6 个月前，可能部分内容已经不适用，如有疑问可询问作者。

在正式按照教程进行操作之前，请先确保域名绑定至 Cloudflare

1. 注册 Cloudflare Zero Trust

具体注册方法请出门右拐隔壁百度 or Google

绑定银行卡时，可以使用 PayPal 来跳过绑定银行卡的步骤

2. 创建 Tunnel

进入 Zero Trust 后台

选择「Network」-> 「Tunnel」-> 「Create a Tunnel」

选择「Cloudflared」

填入该隧道的注释名称

点击右边方框内的内容，复制安装命令

类似

这时候，将后面的 eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx 复制出来保存

3. 配置 Space / DevBox

HuggingFace

需要重新进行 HuggingFace 部署, 以更新代码支持

将 eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx 填入 HuggingFace Space 的机密中

然后重启 Space

即可看到隧道上线

PS：这样设置完之后，可以将空间设置为Private, 并且不影响访问

CodeSandbox

CodeSandbox 的方法稍微麻烦一些

需要重新进行 CodeSandbox 部署, 以更新代码支持

进入 CodeSandbox 的 DevBox

点击左侧下方的 Terminal 按钮，进入终端

然后输入，注意 eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx 为刚才复制的 Token 值

然后在输入

即可实现访问

4. 配置域名

然后在下一个页面中填入如图所示内容

  • Subdomain 是指子域名，自定义

  • Domain选择绑定到 Cloudflare 的域名，自定义

  • Type选择 HTTP, 不要改

  • URL 填入 localhost:7860, 不要改

然后就可以用刚才填入的域名去访问了，如图所示

  • Loading...
  • Loading...
  • Loading...
  • Loading...