[Docs] 📕 进阶教程 - 利用 Cloudflare Zero Trust Tunnel 实现 CodeSandbox 自定义域名

[Harry-zklcdc]

Note

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

1. 注册 Cloudflare Zero Trust

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

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

2. 创建 Tunnel

进入 Zero Trust 后台

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

选择「Cloudflared」

填入该隧道的注释名称

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

类似

sudo cloudflared service install eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx

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

3. 配置Space / DevBox

HuggingFace

Warning

HuggingFace 已经封杀本项目, 本部分无需再看

点击查看内容

[!NOTE]

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

将 eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx 填入 HuggingFace Space 的机密中

然后重启 Space

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

---

CodeSandbox

Note

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

进入 CodeSandbox 的 DevBox

依次点击 左上角 「CodeSandbox」图标 ->「Restart Devbox」-> 「Settings」-> 「Env Variables」

Name 输入 CF_ZERO_TRUST_TOKEN
Value 输入 eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx

注意 eyJhIjoiM2ZjNjQ4xxxxxxxxxxxxxxx 为刚才复制的 Token 值

保存重启 Devbox 即可

4. 配置域名

即可看到隧道上线

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

Subdomain 是指子域名, 自定义

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

Type选择 HTTP, 不要改

URL 填入 localhost:8080, 不要改 (图是旧图, 一定要填 8080)

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

[Harry-zklcdc]

2024.02.07 HuggingFace 封杀本项目

[Sunmoone]

大佬，./cloudflared tunnel --no-autoupdate run --token $CF_ZERO_TRUST_TOKEN这个语句执行后提示cloudflare不存在

[Harry-zklcdc]

看 Wiki

[Harry-zklcdc]

这个我之后改一下教程，现在更简单了

[mountainguan]

/app/cloudflared tunnel --no-autoupdate run --token $CF_ZERO_TRUST_TOKEN
zsh: no such file or directory: /app/cloudflared

[Harry-zklcdc]

教程需要修改，我晚上改一下

[Harry-zklcdc]

已修改，重新配置即可

[ixxmu]

大佬如何让部署的 bing pass 人机验证服务也能添加在cf的zero trust？ 根据首页的提示部署在了codesanbox上，主要是发现自动过人机验证好像会一段时间断开，不知道换成自己的部署有没有区别

[Harry-zklcdc]

#352 (comment)