Sink部署记录

2024 年 9 月 14 日 星期六(已编辑)
/ , ,
127
1
AI 生成的摘要
本教程详细介绍了如何将 Sink 链接缩短工具部署到 Cloudflare Pages 上。步骤包括 Fork 仓库、创建 Cloudflare Pages 项目、配置环境变量、命名空间和 Workers AI 绑定、绑定 Analytics Engine 以及重新部署的过程。每个步骤都配有图示,确保用户可以顺利完成部署。
这篇文章上次修改于 2024 年 9 月 18 日 星期三,可能部分内容已经不适用,如有疑问可询问作者。

Sink部署记录

Sink 部署教程:如何将 Sink 部署到 Cloudflare Pages 上

本教程将为你详细讲解如何将 Sink 链接缩短工具部署到 Cloudflare Pages 上。我们将一步步指导你完成整个过程,包括仓库的 fork、Cloudflare Pages 项目创建、环境变量配置、KV 命名空间绑定等操作。每一步都附有详细的步骤说明和图片,帮助你顺利完成部署。


步骤 1:Fork 仓库

  1. 将仓库 Fork 到你的个人 GitHub 账户中。

    点击Create fork

    点我Fork

    Fork 仓库

    Fork 仓库


步骤 2:创建 Cloudflare Pages 项目

  1. 登录到Cloudflare Dashboard,导航到 Workers 和 Pages 选项卡,点击 创建 按钮。

    创建 Cloudflare Pages 项目

    创建 Cloudflare Pages 项目
  2. 选择Pages 选项卡,点击连接到Git

    选择pages选项卡

    选择pages选项卡
    Git项目

    Git项目
  3. 选择 Nuxt.js 作为预设,Cloudflare 会自动检测到项目的配置。

  4. 配置环境变量

    当以上步骤都配置完毕之后,点击保存并部署,之后点击取消部署

    cancel-build

    cancel-build

    点击继续处理项目

    image-20240914195744250

    image-20240914195744250

步骤 3:配置 KV 命名空间和其他绑定

部署开始后,我们还需要在 Cloudflare Pages 中进行一些额外的配置:

  1. 到KV创建一个命名空间

    image-20240914200856876

    image-20240914200856876

  2. KV名称随意

    image-20240914201013546

    image-20240914201013546

步骤 4:KV 命名空间绑定

  1. KV 中,绑定一个 KV 命名空间并将其命名为 KV

    image-20240914201427255

    image-20240914201427255

步骤 5:Workers AI 绑定(可选)

  1. 如果你希望使用 AI 生成短链接功能,导航到 Workers AI Bindings,绑定 AI 变量到 Workers AI Catalog。

    image-20240914201551723

    image-20240914201551723

步骤 6:Analytics Engine 绑定

  1. 绑定 Cloudflare Analytics Engine。将 ANALYTICS 变量绑定到 Sink 数据集,并确保已为你的 Cloudflare 账户启用了 Analytics Engine Beta 版。

    image-20240914201654389

    image-20240914201654389

步骤 7:重新部署

  1. 所有绑定完成后,回到 部署,点击···,点击重试部署

    image-20240914201751830

    image-20240914201751830
  2. 重新部署后,项目将正常运行

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