분류 php

Laravel을 사용한 디지털 제품 판매 1 부 : 소개 + spatie.be 둘러보기

컨텐츠 정보

  • 조회 27 (작성일 )

본문

Laravel 기반 회사 웹 사이트에서 비디오 코스, 전자 책, 소프트웨어 패키지 등 디지털 제품을 판매합니다. 

이면에서는 Laravel, Paddle, Vimeo, GitHub API 및 기타 몇 가지를 사용합니다.


https://freek.dev/1789-selling-digital-products-using-laravel-part-1-intro-a-tour-of-spatiebe


우리 사이트는 오픈 소스입니다. GitHub의 spatie-be 저장소에서 배포 한 실제 코드를 찾을 수 있습니다. 이 블로그 게시물에서는 코드를 안내해 드리겠습니다.


이 게시물은 GitHub의 이 저장소에서 찾을 수 있는 spatie.be의 소스 코드를 탐색하는 시리즈의 일부입니다.



spatie.be 둘러보기 


코드를 살펴보기 전에 사이트를 어떻게 사용할 수 있는지 살펴 보겠습니다. 우리가 판매하는 모든 제품은 제품 페이지에 나열됩니다.


screenshot 

로그인하지 않고 구매하려고 하면 로그인 페이지로 이동합니다. 이메일 주소와 비밀번호로 할 수 있습니다. 매우 높은 비율의 청중이 GitHub 계정을 가지고 있다고 가정하므로 GitHub를 통한 로그인 옵션도 제공합니다.


screenshot 


로그인 후 제품을 구매할 수 있습니다. Mailcoach 제품 페이지에서 구매 버튼을 누르면 다음과 같은 내용이 표시됩니다.


screenshot 

회사 VAT 번호와 쿠폰 코드를 입력 할 수 있습니다. 이 대화 상자는 Paddle 통합에 의해 완전히 클라이언트 측에서 렌더링 됩니다. 패들은 기록상의 상인입니다. 리셀러 역할을 합니다. 그들은 우리의 제품을 그들의 이름으로 판매하므로 세금 계산, 송장 생성 등을 담당합니다.


제품을 구매 한 후 특정 작업이 발생합니다. 개인 PHP 패키지인 Mailcoach의 경우 라이선스가 생성됩니다. 또한 비공개 GitHub 저장소에 대한 액세스 권한이 부여됩니다.


screenshot 

Laravel Beyond CRUD를 구입하면 일련의 비디오에 액세스 할 수 있으며 전자 책을 다운로드 할 수 있습니다.


Laravel 패키지 교육을 구매하면 코스 비디오에만 액세스 할 수 있습니다.


screenshot 

구매 한 코스의 비디오는 저희 사이트에서 볼 수 있습니다. 진행 상황을 추적 할 수 있는 아름다운 환경을 구축했습니다. 각 비디오에 대해 몇 가지 흥미로운 링크도 표시됩니다.


위의 스크린 샷에서 "동영상"버튼을 클릭하면 표시되는 것입니다.


screenshot 



우리 사이트의 모든 비디오가 유료 코스의 일부는 아닙니다. 일부 동영상은 무료이고 다른 동영상은 스폰서 전용입니다. 스폰서가 되지 않고 스폰서 전용 동영상을 보려고 할 때 표시되는 내용은 다음과 같습니다.


screenshot 


제품 페이지 및 비디오 섹션 옆에 우리 사이트에는 오픈 소스 섹션도 있습니다. 여기에 모든 패키지가 나열됩니다.



screenshot 


우리의 모든 패키지는 엽서웨어로 라이센스가 부여됩니다. 즉, 이들 중 하나를 사용하는 경우 엽서를 보내야 합니다. 우리는 전 세계에서 수백 장의 엽서를 받았습니다. 그들 각각은 사진을 찍고 여기에서 볼 수 있는 가상 엽서 벽에 붙입니다.


screenshot 


일부 더 큰 패키지에 대한 문서도 우리 사이트에 있습니다. 일반 GitHub 리포지토리보다 훨씬 멋지게 보입니다. 이것이 어떻게 보이는지 :



screenshot 

이 문서는 해당 패키지의 저장소에 있는 마크 다운 파일을 사용하여 생성됩니다.


우리 팀은 프로젝트 작업시 일관성을 중요하게 생각합니다. 특정 관행에 동의 할 때마다 지침에 기록합니다.


screenshot 

마지막으로 홈페이지를 살펴 보겠습니다. 몇몇 동료와 저는 블로그에 정기적으로 글을 씁니다. 블로그의 RSS 피드를 사용하여 마지막으로 작성된 게시물을 가져 와서 spatie.be 홈페이지에 바로 표시합니다.


screenshot 



이제 우리 사이트에서 할 수 있는 일과 그것이 어떻게 생겼는지 알았으니,이를 강화하는 코드를 파헤쳐 보겠습니다. GitHub의 이 저장소에서 사이트의 소스 코드를 찾을 수 있습니다.


이 시리즈는 2 부 : GitHub를 사용하여 로그인에서 계속됩니다.