Flask & Stripe — мини-электронная коммерция с открытым исходным кодом

Привет Кодеры!

В этой статье представлены Мини электронная коммерция проект на базе Колба и полоса. Исходники можно найти на GitHub, а разрешительная лицензия MIT позволяет копировать/включать код в другие проекты или просто использовать его как есть. Для новичков, Колба является ведущей серверной структурой, активно поддерживаемой и версионируемой, а Stripe — популярным платежным процессором.

Thanks for Reading!

Flask & Stripe — образец страницы продукта.


В проекте нет базы данных или аутентификации, и он загружает определения продуктов из отдельных файлов 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 

Посещать в вашем браузере. Приложение должно быть запущено.

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)."
}

Используя эту минимальную информацию, приложение создаст верхнюю часть страницы. товары страница:

Flask & Stripe — раздел рекомендуемых товаров.


✨ Как определить новый продукт

Новый продукт можно определить менее чем за 1 минуту, используя рекомендации, представленные в файле README:

  • Перейдите к приложение/шаблоны/продукты каталог
  • Создать новый JSON файл из существующего
  • Изменить продукт: название, цена, полное описание
  • Создание медиафайлов: перейдите к приложение/статические/продукты
  • Создайте каталог с тем же именем, что и для JSON файл
  • Создавать card.jpg: 500 x 335 (пикселей)
  • Создавать cover.jpg: 2100 x 1400 (пикселей)

На этом этапе, если мы обновим домашнюю страницу, новый продукт готов к использованию.

Вот пример страницы продукта, созданной для Воздушный Зум Пегасиспользуя активы, загруженные из здесь:

Flask & Stripe — сгенерированная страница продукта (бесплатный продукт)


✨ Видеопрезентация

Все вышеперечисленные пункты представлены пошагово в коротком видео, опубликованном на yTube. Вот расшифровка материала:

  • ✅ Клонировать проект
  • ✅ Запустите приложение с помощью Docker.
  • ✅ Доступ к страницам, визуализация продуктов
  • ✅ Совершить покупку
  • ✅ Отменить покупку
  • ✅ Запустите проект, используя ручную сборку

Flask & Stripe мини Электронная коммерцияВИДЕО Презентация


Спасибо за чтение! Дополнительные ресурсы и поддержка доступны по адресу:

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *