Flask & Stripe - 开源迷你电商

2025-06-10

Flask & Stripe - 开源迷你电商

你好,程序员!

本文介绍了一个由Flask 和 Stripe驱动的迷你电商项目。源代码可以在 GitHub 上找到,其宽松的 MIT 许可证允许您将代码复制/合并到其他项目中,或者直接使用。对于新手来说,Flask是一个领先的后端框架,并且积极获得支持和版本控制,而 Stripe 是一个流行的支付处理器。

Thanks for Reading!

Flask & Stripe - 示例产品页面。


该项目没有数据库或身份验证,而是使用最少的路由逻辑从单独的 JSON 文件加载产品定义。产品信息加载完成后,页面将基于现代Bootstrap 5设计生成。

在本地启动和运行项目的最快方法是遵循以下简单设置:

👉步骤#1-从公共存储库克隆项目

$ git clone https://github.com/app-generator/ecommerce-flask-stripe.git
$ cd ecommerce-flask-stripe
Enter fullscreen mode Exit fullscreen mode

👉步骤 #2 - 添加 STRIPE secretsDockerfile

# Stripe Secrets 
ENV STRIPE_SECRET_KEY      <YOUR_STRIPE_SECRET_KEY>
ENV STRIPE_PUBLISHABLE_KEY <YOUR_STRIPE_PUBLISHABLE_KEY>
Enter fullscreen mode Exit fullscreen mode

👉步骤#3-启动APPDocker

$ docker-compose up --build 
Enter fullscreen mode Exit fullscreen mode

在浏览器中访问http://localhost:5085。该应用程序应该已启动并正在运行。

Flask & Stripe - 主页(开源)。


✨ 工作原理

该项目从 .env 文件加载最小配置,并在扫描 templates/products 目录后构建页面。产品索引包含所有产品以及页面顶部显示的特色产品。

上面的图像是根据保存在磁盘上的这个简单结构生成的:

Flask & Stripe - 磁盘上的产品定义

每个产品的定义都是一个最小的 JSON 文件。以下是定义特色产品的信息

{
    "name": "Nike Dynamo Go FlyEase",
    "price": 49,
    "currency": "usd",
    "info": "Baby/Toddler Easy On/Off Shoes",
    "short_description": "A workhorse built to help power ... (truncated)",
    "full_description": "Easy, snug and built for any-time play the Nike Dynamo Go FlyEase ... (truncated)."
}
Enter fullscreen mode Exit fullscreen mode

使用这些最少的信息,应用程序将生成产品页面的顶部部分

Flask & Stripe——特色产品部分。


✨ 如何定义新产品

按照 README 文件中提供的指南,可以在不到 1 分钟的时间内定义一个新产品:

  • 导航到app/templates/products目录
  • 从现有 JSON 文件创建新的JSON文件
  • 编辑产品:名称、价格、完整描述
  • 创建媒体文件:导航至app/static/products
  • JSON使用与文件相同的名称创建目录
  • 创建card.jpg:500 x 335(像素)
  • 创建cover.jpg:2100 x 1400(像素)

此时,如果我们刷新主页,新产品就可以使用了。

这是为Air ZOOM Pegasus生成的示例产品页面,使用从此处加载的资产

Flask & Stripe - 生成的产品页面(免费产品)


✨ 视频演示

以上所有要点都在 yTube 上发布的一则短视频中逐步呈现。以下是视频内容:

  • ✅ 克隆项目
  • ✅ 使用 Docker 启动应用程序
  • ✅ 访问页面,查看产品
  • ✅ 完成购买
  • ✅ 取消购买
  • ✅ 使用手动构建启动项目


感谢阅读!如需更多资源和支持,请访问:

鏂囩珷鏉ユ簮锛�https://dev.to/sm0ke/flask-stripe-open-source-mini-ecommerce-34jj
PREV
免费 API 服务器 - 开源 REST 产品:Django、Node JS、Flask
NEXT
Flask 备忘单 - 以及免费样品