Flask & Stripe — мини-электронная коммерция с открытым исходным кодом
Привет Кодеры!
В этой статье представлены Мини электронная коммерция проект на базе Колба и полоса. Исходники можно найти на GitHub, а разрешительная лицензия MIT позволяет копировать/включать код в другие проекты или просто использовать его как есть. Для новичков, Колба является ведущей серверной структурой, активно поддерживаемой и версионируемой, а Stripe — популярным платежным процессором.
Thanks for Reading!
В проекте нет базы данных или аутентификации, и он загружает определения продуктов из отдельных файлов JSON, используя минимальную логику маршрутизации. После загрузки информации о продукте страницы создаются поверх современного Начальная загрузка 5 дизайн.
Самый быстрый способ запустить проект локально — выполнить следующую простую настройку:
👉 Шаг 1 — Клонировать проект из общедоступный репозиторий:
$ git clone
$ cd sample-flask-stripe
👉 Шаг 2 — Добавить секреты STRIPE в
Dockerfile
ENV STRIPE_SECRET_KEY <YOUR_STRIPE_SECRET_KEY>
ENV STRIPE_PUBLISHABLE_KEY <YOUR_STRIPE_PUBLISHABLE_KEY>
👉 Шаг 3 — Запустите приложение в
Docker
$ docker-compose up --build
Посещать в вашем браузере. Приложение должно быть запущено.
✨ Как это работает
Проект загружает минимальную конфигурацию из файла .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)."
}
Используя эту минимальную информацию, приложение создаст верхнюю часть страницы. товары страница:
✨ Как определить новый продукт
Новый продукт можно определить менее чем за 1 минуту, используя рекомендации, представленные в файле README:
- Перейдите к приложение/шаблоны/продукты каталог
- Создать новый JSON файл из существующего
- Изменить продукт: название, цена, полное описание
- Создание медиафайлов: перейдите к приложение/статические/продукты
- Создайте каталог с тем же именем, что и для
JSON
файл - Создавать
card.jpg
: 500 x 335 (пикселей) - Создавать
cover.jpg
: 2100 x 1400 (пикселей)
На этом этапе, если мы обновим домашнюю страницу, новый продукт готов к использованию.
Вот пример страницы продукта, созданной для Воздушный Зум Пегасиспользуя активы, загруженные из здесь:
✨ Видеопрезентация
Все вышеперечисленные пункты представлены пошагово в коротком видео, опубликованном на yTube. Вот расшифровка материала:
- ✅ Клонировать проект
- ✅ Запустите приложение с помощью Docker.
- ✅ Доступ к страницам, визуализация продуктов
- ✅ Совершить покупку
- ✅ Отменить покупку
- ✅ Запустите проект, используя ручную сборку
Flask & Stripe мини Электронная коммерция — ВИДЕО Презентация
Спасибо за чтение! Дополнительные ресурсы и поддержка доступны по адресу: