CodeSandbox 部署

1. 注册 CodeSandbox 账号

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

2. 部署项目

登录账户后, 点击下面按钮

Note

☝🏻 这是个按钮, ☝🏻 这真的是个按钮

Tip

如果你要部署「人机验证服务」的话, 请点击下面这个按钮

如果你不知道什么是「人机验证服务」, 那请无视, 并接下去操作

进入页面后, 一路点击右下方的「Next」按钮

注意, 在第三步的时候, 如果需要配置环境变量（例如：CF_ZERO_TRUST_TOKEN）的话, 可以在这一步的时候配置, 或者按照「配置环境变量」章节配置

在最后一步时, 点击「Apply and start」按钮

等待构建完成即可

3. 获取访问链接

等待构建完成后，点击「+」号，然后点击「Preview: 8080」

图中输入框所示即为访问链接

4. 后续升级

从 CodeSandbox 控制台中进入项目

点击左上角 「CodeSandbox」图标, 然后点击「Restart Devbox」, 等待构建完成即可更新

5. 进阶教程 - 配置环境变量

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

保存之后，重启 Devbox 即可完成配置

6. 进阶教程 - 自定义域名

查看 discussions#338