Giter Club home page Giter Club logo

sub-store-workers's Introduction

Sub-Store Workers 部署

版权声明:作者为 Peng-YM 以及 所有参与贡献的大佬们,由本人修改适配 Cloudflare Workers

项目使用到 Cloudflare Workers Serverless 以及 Cloudflare D1 Serverless SQL databases,感谢 Cloudflare

部署

其中前序步骤由您自行完成,以下是关键步骤

  1. 获取 Cloudflare API Token
  2. 创建 Cloudflare D1 数据库
  3. Fork 此仓库
  4. 设置 Git Repository secrets
  5. 启用 Actions
  6. 完成部署

0x1 获取 Cloudflare API Token

点击打开 此页面,-> 创建令牌 -> 编辑 Cloudflare Workers 使用模板 -> 帐户资源 以及 区域资源 根据您的需要进行设置 -> 继续以显示摘要 -> 创建令牌

将令牌保存以供后续步骤使用

0x2 创建 Cloudflare D1 数据库

点击打开 此页面,进入 Workers 和 Pages -> D1 -> 创建数据库 -> 仪表盘

设置一个数据库名称例如:sub_store

地理位置根据您的需要选择

创建完成后保存 数据库名称 以及 数据库 ID 以供后续步骤使用**

0x3 Fork 此仓库

如题

0x4 设置 Git Repository secrets

在您 Fork 后的仓库 -> Settings -> Secrets and variables -> Actions -> new repository secrets

重复上述步骤将以下内容依次添加

  • name 填入【 CLOUDFLARE_API_TOKEN 】secrets 填入第一步获取的令牌
  • name 填入【 DATABASE_ID 】secrets 填入第二步获取的数据库 ID
  • name 填入【 DATABASE_NAME 】secrets 填入第二步获取的数据库名称
  • name 填入【 BEARER_TOKEN 】secrets 您随机生成一个大小写字母+数字的组合填入,为 HTTP Bearer Token,前后端通信认证使用
  • name 填入【 D_TOKEN 】secrets 您随机生成一个大小写字母+数字的组合填入,为您从 sub-store-workers 后端获取和预览节点的认证

0x5 启用 Actions

在您 Fork 后的仓库启用 Actions,随后手动运行工作流

0x5 完成部署

如不出意外的话,回到 此页面 进入 Workers 和 Pages 即可看到已创建的应用

您可以在此处获取到您的 sub-store-workers 地址也就是后端地址,workers.dev 的地址在大陆地区可能访问异常,推荐您自行绑定域名

前端

上述 2 个由我构建,但在大陆地区可能访问异常,推荐您审查代码然后使用 SaintWe/Sub-Store-Front-End 自行构建绑定自己的域名

前后端连接

您可在前端 [我的] 页面填入后端地址以及其他参数,或使用 url 传入,例:

您设置后端地址、Bearer Token 以及 D Token 均保存在浏览器中,清理浏览器或导致您需重新填写

将 URL 保存为书签方便多设备使用

参数解析

  • api_urlapi 为后端地址
  • bearer_tokentoken 为 HTTP Bearer Token,前后端通信认证使用
  • d_token 为您从 sub-store-workers 后端获取和预览节点的认证

请注意进行 Url 编码

结束语

sub-store-workers's People

Contributors

saintwe avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.