logo NodeSeekbeta

Serverless统一API无限图床源码

GITHUB&DEMO

DEMO https://imgup.pages.dev/
GITHUB https://github.com/BlueSkyXN/WorkerJS_CloudFlare_ImageBed

项目基本架构

对于最新的Page+Worker完全无服务器前后端实现方案来说
主要的文件包括

  • cloudflare-page/OneAPI-imgbed-MIX.html 集成前端HTML,需要放在CloudFlare Page上
  • cloudflare-page/Tools-TGPH.html 用于转换TGPH加速文件的转换器,需要放在CloudFlare Page上
  • cloudflare-worker-js-api/worker.js All in One的后端JS,需要放在CloudFlare Worker上,受到Worker免费次数限制,建议自行搭建

后端部署

前端可以直接用我的 https://imgup.pages.dev 自己填写API接口和对应的密码

  • 任意起一个Worker项目,复制 cloudflare-worker-js-api/worker.js 的文件内容进去,cf账号没什么要求,新号都行,无需付费

  • 然后记住你的worker的url,不需要带结尾的斜杠/

  • 然后在环境变量处,新增你的密码,密码要求明文,密码的变量名默认是 API_PASSWORD, 前端默认密码是123456

  • 该JS的上传对接需要在Authorization通过Bearer附带验证TOKEN,也就是密码

  • 该JS的上传统一是上传二进制文件,JS自行重新计算上传方法并返回有效URL

前端部署

青春版

  • cloudflare-page/OneAPI-imgbed-MIX.html 放在你新建的GIT仓库
  • cloudflare-page/OneAPI-imgbed-MIX.html 重命名为index.html
  • 修改106行左右的 {{API_ENDPOINT_BASE64}}和111行左右的{{API_PASSWORD_BASE64}},这两个需要是Base64后的值
  • 需要TGPH转换器的,把cloudflare-worker-js-api/worker.js放在新建的tools目录下,并重命名为tgph.html
  • cloudflare page 构建无需任何命令,空即可,同样适用于任何可执行HTML和JS的环境

标准版

  • 复制开头的基本架构中指出的主要文件到一致的相对路径
  • 复制cloudflare-page-build目录和它的全部下属文件到一致的相对路径
  • 复制package.json 到新仓库的根目录
  • cloudflare page 构建命令 npm run build
  • cloudflare page 构建输出目录 /dist
  • cloudflare page 构建根目录 /
  • cloudflare page 环境变量API_ENDPOINT_BASE64或者API_ENDPOINT,前者优先,存放预设API接口,原始信息比如 https://api.test.workers.dev
  • cloudflare page 环境变量API_PASSWORD_BASE64或者API_PASSWORD,前者优先,存放预设API密码,原始信息比如 123456
12
  • 大佬

  • 🐂的

  • 小白勿扰!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!俺就不懂哈哈哈哈

  • 后端有图看看?

  • 加鸡腿

  • @BlueSkyXN #0

    📢 NodeSeek论坛管理 - 主题帖 "推荐阅读" 通知
    🎉 感谢楼主的精彩分享, 本主题帖将被推荐阅读加精+加鸡腿🍗 xhj008
  • 好文,bd 鸡腿奉上

  • @tommy101992 #4

    一个放在worker的js罢了,没外观啊

  • xhj001 xhj001 xhj001 xhj012 xhj006 xhj006 xhj006

  • 帮顶 膜拜大佬

12

你好啊,陌生人!

我的朋友,看起来你是新来的,如果想参与到讨论中,点击下面的按钮!

📈用户数目📈

目前论坛共有15228位seeker

🎉欢迎新用户🎉