Flask & Stripe - 오픈 소스 미니 전자 상거래

안녕하세요 코더 여러분!

이 문서는 Flask and Stripe에서 제공하는 Mini 전자 상거래 프로젝트를 소개합니다. 소스는 GitHub에서 찾을 수 있으며 허용되는 MIT 라이선스를 통해 코드를 다른 프로젝트에 복사/통합하거나 그대로 사용할 수 있습니다. 초보자를 위해 Flask는 적극적으로 지원되고 버전이 지정되는 선도적인 백엔드 프레임워크이며 Stripe은 널리 사용되는 결제 프로세서입니다.

Thanks for Reading!

👉 Mini eCommerce - 소스코드

👉 - yTube 프레젠테이션

🚀 support 페이지(경우에 따라)

프로젝트에는 데이터베이스 또는 인증이 없으며 최소한의 라우팅 논리를 사용하여 별도의 JSON 파일에서 제품 정의를 로드합니다. 제품 정보가 로드되면 현대적인Bootstrap 5 디자인 위에 페이지가 생성됩니다.

프로젝트를 로컬에서 시작하고 실행하는 가장 빠른 방법은 다음과 같은 간단한 설정을 따르는 것입니다.

👉 Step #1 - Clone the project from the public repository:

$ git clone https://github.com/app-generator/sample-flask-stripe.git
$ cd sample-flask-stripe

👉 Step #2 - Add STRIPE secrets in Dockerfile

# Stripe Secrets 
ENV STRIPE_SECRET_KEY      <YOUR_STRIPE_SECRET_KEY>
ENV STRIPE_PUBLISHABLE_KEY <YOUR_STRIPE_PUBLISHABLE_KEY>

👉 Step #3 - Start the APP in Docker

$ docker-compose up --build 

브라우저에서 http://localhost:5085를 방문하십시오. 앱이 실행 중이어야 합니다.

✨ 작동 방식

프로젝트는 .env 파일에서 최소 구성을 로드하고 templates/products 디렉토리를 스캔한 후 페이지를 빌드합니다. 제품 색인에는 모든 제품과 페이지 상단에 표시되는 추천 제품이 포함됩니다.

위의 이미지는 디스크에 저장된 이 이미지simple structure에서 생성됩니다.



각 제품에 대한 정의는 최소 JSON 파일입니다. 다음은 featured product을 정의하는 정보입니다.

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

이 최소한의 정보를 사용하여 앱은 제품 페이지의 상단 섹션을 생성합니다.

✨ 신제품을 정의하는 방법

A new product은 README 파일에 제시된 지침을 사용하여 1분 이내에 정의할 수 있습니다.

app/templates/products 디렉토리

로 이동합니다.

기존 파일

에서 새 파일JSON을 만듭니다.

제품 편집: 이름, 가격, 전체 설명

미디어 파일 만들기: app/static/products으로 이동합니다.

JSON 파일

과 동일한 이름을 사용하여 디렉토리를 만듭니다.

만들기card.jpg : 500 x 335(픽셀)

만들기cover.jpg : 2100 x 1400(픽셀)

이 시점에서 HOME 페이지를 새로 고침하면 새 제품을 사용할 수 있습니다.

다음은 Air ZOOM Pegasus에서 로드된 자산을 사용하여 here에 대해 생성된 샘플 제품 페이지입니다.

✨ 비디오 프레젠테이션

위의 모든 사항은 yTube에 게시된 짧은 비디오에서 단계별로 제공됩니다. 다음은 자료 성적표입니다.

✅ 프로젝트 복제

✅ Docker를 사용하여 앱 시작

✅ 페이지 액세스, 제품 시각화

✅ 구매 완료하기

✅ 구매 취소하기

✅ 수동 빌드를 사용하여 프로젝트 시작

Thanks for reading! For more resources and support, please access:

👉 더보기 Free Starters 제작: AppSeed

👉 문제 발생 시 support 문의