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...