2024년 11월 11일 월요일

페이팔 일반/구독 결제 - 사이트에 결제 달기

간단 내용

페이팔 일반/구독 결제 코드 넣는 방법


화면 캡처

샌드박스 Client ID, Secret, 계정 확인

Developer dashboard - Apps & Credentials 클릭
https://developer.paypal.com/dashboard/


Client ID와 Secret를 복사해 놓습니다.


Default Application 클릭


Business 계정을 클릭해 이메일과 암호를 복사해 놓습니다.


Personal 계정을 클릭 이메일과 암호를 복사해 놓습니다.

일반 결제 코드 만들기

아래 결제 코드 템플릿에서 PAYPAL_CLIENT_ID 와 PAYPAL_CLIENT_SECRET 를 자신의 샌드박스 프로젝트의 정보를 사용합니다.

Life time use

https://developer.paypal.com/studio/checkout/standard/integrate#go-live

구독 결제 코드 만들기

샌드박스 Business 계정으로 로그인해 구독 (정기) 요금제를 생성하고 결제 코드를 자동 생성 합니다.

https://sandbox.paypal.com

제품 이름: Basic subscription
제품 설명: Use basic functionalities.
제품 ID: basic-subscription
제품 유형: 서비스
업계 카테고리: 재공사이트
제품 페이지 URL: https://www.generativeaianywhere.ai/price.html

고정 가격

요금제 이름: Basic subscription
요금제 설명: $1 per every 1 month

가격: $1 에 1개월 무제한 주기



자동 생성된 코드 (html)


샌드 박스 개인 계정으로 테스트


예제에서는 성공시 구독 아이디 출력


개인 센드 박스 계정으로 결제 테스트후 https://sandbox.paypal.com/에 비지니스 샌드 박스 계정으로 잔고 확인 가능


추가 가능 정기 결제

제품 이름: Premium subscription
제품 설명: Use premium functionalities.
제품 ID: premium-subscription
제품 유형: 서비스
업계 카테고리: 재공사이트
제품 페이지 URL: https://www.generativeaianywhere.ai/price.html

고정 가격

요금제 이름: Premium subscription
요금제 설명: $3 per every 1 month

가격: $3 에 1개월 무제한 주기
제품 이름: Vip subscription
제품 설명: Use vip functionalities.
제품 ID: vip-subscription
제품 유형: 서비스
업계 카테고리: 재공사이트
제품 페이지 URL: https://www.generativeaianywhere.ai/price.html

고정 가격

요금제 이름: Vip subscription
요금제 설명: $6 per every 1 month

가격: $6 에 1개월 무제한 주기


서비스시 실제 계정에서 앱 만들어 서비스

상세 내용

테스트시:


일반 결제 에서는 샌드 박스 PAYPAL_CLIENT_ID 와 PAYPAL_CLIENT_SECRET 를 코드(html)에 설정하고
개인 계정으로 이 코드로 일반 결제를 테스트 합니다.

샌드박스 비지니스 계정으로 로그인해 요금제를 생성후 구독 결제 코드(html)를 만들고
개인 계정에서는 이 코드로 구독 결제를 테스트 합니다.


서비스시:


실제 계정으로 로그인해 실제 프로젝트의 PAYPAL_CLIENT_ID 와 PAYPAL_CLIENT_SECRET 를 코드(html)에 설정 합니다.

실제 계정으로 로그인해 요금제를 생성후 구독 결제 코드(html)를 만들고 이 코드로 서비스 합니다.


기타:


페이팔 JavaScript SDK
https://developer.paypal.com/sdk/js/configuration/


쿼리 매개변수
쿼리 매개변수는 전달되는 데이터를 기반으로 특정 콘텐츠나 작업을 정의하는 데 도움이 됩니다. 귀하가 보내는 각 데이터에는 다음이 포함됩니다.

<script src="https://sandbox.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&components=card-fields"></script>


createOrder
https://developer.paypal.com/sdk/js/reference/#createorder


createSubscription

https://developer.paypal.com/sdk/js/reference/#link-createsubscription


사이트에 결제 달기 시리즈:


토스페이먼츠 일반/구독 결제 - 사이트에 결제 달기
https://automatethem.tistory.com/385


페이팔 일반/구독 결제 - 사이트에 결제 달기

샌박

https://automatethem.tistory.com/414


포트원 일반/구독 결제 - 사이트에 결제 달기
https://automatethem.tistory.com/373


강의 동영상


PayPal Checkout Integration (JavaScript) - YouTube  


태그

#페이팔, #JavaScript SDK, #사용법, #구독, #버튼


페이팔, JavaScript SDK, 사용법, 구독, 버튼

참고 자료

How to Easily Integrate PayPal into Your Website: Step-by-Step Guide for Beginners! - YouTube
https://www.youtube.com/watch?v=SvsqSV-zOOE

Integration Builder is currently available in US only. We will be expanding this tool globally shortly.

https://developer.paypal.com/integration-builder


PayPal SDK JavaScript Smart Button
https://docs.radial.com/Content/api/payments/paypal/paypal-sdk-javascript-smart-button.htm

This is a simple example using PayPal's JS SDK to load the messages and buttons components, and show them on a page using a Third Party (Partner Model)..
https://codepen.io/natesanderspaypal/pen/YzGKJOR?editors=1010

Integrate PayPal Checkout
https://developer.paypal.com/studio/checkout/standard/integrate


공식
Integration Guide for PayPal Checkout - YouTube  
https://www.youtube.com/watch?v=mVQ5K57SIbg

insert
Standard PayPal payment gateway integration in PHP with MYSQL database - YouTube  
https://www.youtube.com/watch?v=Pq5Fj0KzrTY

insert
PayPal Payment Gateway Integration in PHP - YouTube  
https://www.youtube.com/watch?v=dWRbXfsWgFA

insert  
PHP checkout with paypal - sandbox free account | ecommerce website tutorial - YouTube  
https://www.youtube.com/watch?v=8Am2VjmGv4Y

https://github.com/paypal-examples/docs-examples/tree/main/standard-integration


관리


https://github.com/automatethem-prod-web/payment-paypal-web-app

Sns

https://automatethem.tistory.com/414


https://blog.naver.com/automatethem/223656333825


https://automate-them.blogspot.com/2024/11/javascript-sdk.html

댓글 없음:

댓글 쓰기

HTML 미리보기 도구 - 웹 개발을 간편하게 만드는 무료 온라인 유틸리티

HTML 미리보기 도구란 무엇인가요? HTML 미리보기 도구 는 HTML 코드를 작성하면서 실시간으로 결과를 확인할 수 있는 간단하고 유용한 온라인 툴입니다. 이 도구는 웹 개발자는 물론, HTML을 배우는 학생들, 그리고 빠르게 디자인 프로토타입...