Flask & Stripe - 开源迷你电商
你好,程序员!
本文介绍了一个由Flask 和 Stripe驱动的迷你电商项目。源代码可以在 GitHub 上找到,其宽松的 MIT 许可证允许您将代码复制/合并到其他项目中,或者直接使用。对于新手来说,Flask是一个领先的后端框架,并且积极获得支持和版本控制,而 Stripe 是一个流行的支付处理器。
Thanks for Reading!
- 👉 Flask & Stripe 电子商务- 源代码
- 👉 Flask & Stripe 电子商务- yTube 演示
- 🚀支持页面(以防万一)
该项目没有数据库或身份验证,而是使用最少的路由逻辑从单独的 JSON 文件加载产品定义。产品信息加载完成后,页面将基于现代Bootstrap 5设计生成。
在本地启动和运行项目的最快方法是遵循以下简单设置:
👉步骤#1-从公共存储库克隆项目:
$ git clone https://github.com/app-generator/ecommerce-flask-stripe.git
$ cd ecommerce-flask-stripe
👉步骤 #2 - 添加 STRIPE secrets
Dockerfile
# Stripe Secrets
ENV STRIPE_SECRET_KEY <YOUR_STRIPE_SECRET_KEY>
ENV STRIPE_PUBLISHABLE_KEY <YOUR_STRIPE_PUBLISHABLE_KEY>
👉步骤#3-启动APP
Docker
$ docker-compose up --build
在浏览器中访问http://localhost:5085
。该应用程序应该已启动并正在运行。
✨ 工作原理
该项目从 .env 文件加载最小配置,并在扫描 templates/products 目录后构建页面。产品索引包含所有产品以及页面顶部显示的特色产品。
上面的图像是根据保存在磁盘上的这个简单结构生成的:
每个产品的定义都是一个最小的 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)."
}
使用这些最少的信息,应用程序将生成产品页面的顶部部分:
✨ 如何定义新产品
按照 README 文件中提供的指南,可以在不到 1 分钟的时间内定义一个新产品:
- 导航到app/templates/products目录
- 从现有 JSON 文件创建新的JSON文件
- 编辑产品:名称、价格、完整描述
- 创建媒体文件:导航至app/static/products
JSON
使用与文件相同的名称创建目录- 创建
card.jpg
:500 x 335(像素) - 创建
cover.jpg
:2100 x 1400(像素)
此时,如果我们刷新主页,新产品就可以使用了。
这是为Air ZOOM Pegasus生成的示例产品页面,使用从此处加载的资产:
✨ 视频演示
以上所有要点都在 yTube 上发布的一则短视频中逐步呈现。以下是视频内容:
- ✅ 克隆项目
- ✅ 使用 Docker 启动应用程序
- ✅ 访问页面,查看产品
- ✅ 完成购买
- ✅ 取消购买
- ✅ 使用手动构建启动项目
鏂囩珷鏉ユ簮锛�https://dev.to/sm0ke/flask-stripe-open-source-mini-ecommerce-34jj感谢阅读!如需更多资源和支持,请访问: