如何利用Vue3 + Vike + Cloudflare搭建一套零成本一体化发卡系统

0 阅读2分钟

某天在网上购买Gemini会员接触到了发卡系统,起了自己也部署一个的心思。但回看主流方案,一些高Star开源项目使用 PHP + MySQL 架构,这种往往需要购买 VPS、配置环境、维护部署也不太方便,对于很多小白和个人开发者来说,成本和维护门槛依然存在。

有没有一种方案,能一键部署还能免运维,又能全球加速,还能实现零成本起步?有的兄弟有的,一个利用 Cloudflare 生态(Workers + D1 + KV)构建的一体化全栈发卡项目:EdgeKey,这是一款基于VUE3.0 + Nodejs 构建的一体化全栈开源卡密发卡系统。适用于各种电商、优惠券、论坛邀请码、充值卡、激活码、注册码、各种CDK等,支持手工和全自动发货。

项目截图

1

2

3

项目亮点

  • Vue 3 & Vike: 利用 Vite SSR 实现极速的页面加载和优秀的 SEO,前后端一体化项目,使用TypeScript加速开发。
  • DaisyUI & Tailwind CSS: 高度自定义UI组件,完美支持响应式布局与主题切换。
  • Prisma & D1: 使用 Prisma ORM 优雅地操作 Cloudflare D1 数据库,方便维护与迁移。
  • 零成本运行: 大善人 Cloudflare 提供的免费额度有口皆碑,配合免费图床,可以实现 100% 零成本运营。无需买域名,无需买服务器,数据库。
  • 一键部署: 项目内置了 Deploy to Cloudflare 按钮。无需配置本地开发环境,点击一下,系统会自动在你的Git创建仓库并完成数据库初始化,3 分钟即可上线。

为什么选择边缘计算(Serverless)架构?

  1. 零成本: 充分利用 Cloudflare 的免费额度(Daily 10w requests),对于中小型分发场景几乎不需要支付任何费用。
  2. 极速响应: 代码运行在离用户最近的边缘节点,无论用户在哪个国家,都能获得毫秒级的访问体验。
  3. 安全无忧: 无需暴露服务器 IP,天然防御 DDoS 攻击。
  4. 免运维: 告别 Nginx/PHP 复杂的配置,代码即服务,一键部署。

EdgeKey 并不是一个简单的业务系统,它是我对 Cloudflare 生态全栈开发 的一次深度摸索。如果你正在关注边缘计算,或者想看看全栈技术栈如何“优雅”地落地,这个项目的代码或许可以给你带来一些灵感,欢迎大佬们一起学习交流:


写在最后: 开源的本质是交流。如果你在代码中发现了 Bug,或者有什么建议,欢迎来 Issue 区交流或直接提交 PR。如果喜欢这个项目欢迎点个 Star 星星鼓励一下,开源有你更美好,你也可以变成光!