본문 바로가기
웹 도구 제작 노트

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

by 크랜베리 Ai. 2024. 11. 21.

간단 내용

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

 

화면 캡처

샌드박스 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개월 무제한 주기

 

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

상세 내용

테스트시:

 

일반 결제 에서는 클라이언트용 <script src="https://sandbox.paypal.com/sdk/js?client-id=PAYPAL_CLIENT_ID&components=card-fields"></script> 에 YOUR_CLIENT_ID 를 설정하고 서버용 .env 파일에 샌드 박스 PAYPAL_CLIENT_ID 와 PAYPAL_CLIENT_SECRET 를 설정후고
개인 계정으로 이 코드로 일반 결제를 테스트 합니다.

 

.env

PAYPAL_CLIENT_ID=xxx
PAYPAL_CLIENT_SECRET=yyy



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

 

서비스시:

 

실제 계정으로 로그인해 클라이언트용 <script src="https://sandbox.paypal.com/sdk/js?client-id=PAYPAL_CLIENT_ID&components=card-fields"></script> 에 CLIENT_ID 를 설정하고 서버용 .env 파일에 PAYPAL_CLIENT_ID 와 PAYPAL_CLIENT_SECRET 를 설정후 서비스 합니다


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

 

기타:

 

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

 

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

<script src="https://sandbox.paypal.com/sdk/js?client-id=PAYPAL_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

반응형