Bubble.io에서 온라인 결제 게이트웨이를 통합하는 것은 Braintree를 예로 들어 다음의 단계로 단순화 할 수 있습니다:
단계 1: Braintree 계정 생성
- Braintree 계정에 가입하세요.
- 처음에는 Sandbox 환경을 테스트 목적으로 사용하며, 이를 통해 실제 자금에 영향을 미치지 않고 트랜잭션을 시뮬레이션 할 수 있습니다.
- Bubble에서 플러그인을 설정하는 데 필요한 키를 Braintree 대시보드에서 모아야 합니다. Braintree 대시보드의 "(Sandbox) Keys and Configuration" 섹션에서 Merchant ID, Public Key, Private Key를 찾으세요.
단계 2: Bubble 플러그인 구성
- Bubble 에디터에 액세스하여 플러그인 탭으로 이동합니다.
- Braintree 플러그인을 찾아 설치하세요.
- Bubble 앱의 플러그인 설정에 Braintree에서 얻은 키(Merchant ID, Public Key, Private Key)를 입력하세요. 개발 모드에서 사용하는 키는 앱이 실시간으로 실행될 때 사용하는 키와 다릅니다.
단계 3: 결제 처리 설정
- 이제 Bubble 에디터 내에서
현재 사용자에게 요금 청구 또는 사용자를 플랜에 가입시키기와 같은 결제 관련 작업에 액세스 할 수 있습니다.
금액, 설명, 버튼 캡션과 같은 결제 세부 정보를 지정할 수 있는 워크플로우를 설정하세요.- 요금을 청구할 경우, 요금을 승인(나중에 청구됨)하거나 즉시 청구하는 것 사이에서 선택할 수 있습니다. 이는 워크플로우 액션 속성 내에서 수행할 수 있습니다.
- 구독 서비스를 제공하려는 경우, Braintree에서 설정한 플랜을 선택하거나 동적으로 지정해야 하는 워크 플로우 액션을
사용자를 플랜에 가입시키기로 설정할 수 있습니다.
단계 4: 테스트 및 실시간 이용
- Braintree Sandbox를 사용하여 모든 기능을 테스트하고, 트랜잭션이 올바르게 처리되고 워크플로우가 예상대로 실행되며 사용자 경험이 원활한지 확인하세요.
- 테스트에 만족하면 플러그인 설정에서 Sandbox 키를 Live 키로 바꿔 실제 결제를 처리하십시오.
단계 5: 결제 메시지 관리
- 기본적으로 Bubble은 거래가 성공했을 때 성공 메시지를 표시합니다. 워크플로우 작업에서 이를 비활성화하고 필요한 경우 사용자 지정 성공 메시지로 대체 할 수 있습니다.
주의 사항:
- 앱의 개발 버전과 실시간 버전이 각각의 Braintree 계정, Sandbox에 대한 개발과 라이브에 대한 생산에서 동일한 ID를 가진 동일한 계획을 가지고 있는지 확인하세요.
- 결제 게이트웨이의 정책을 알고 있는지 확인하고, 애플리케이션을 모든 필요한 법률 및 개인 정보 요구 사항을 준수하도록 확인하십시오.
- SSL 사용 및 PCI 준수 표준을 준수하는 등의 보안을위한 모범 사례를 적용하여 사용자 데이터와 트랜잭션을 보호하려는지 기억하세요.
온라인 결제 게이트웨이 통합은 기술적인 면이 있지만, Bubble 앱의 기능과 전문성을 크게 향상시키며 사용자를 위한 원활한 금융 거래를 촉진할 수 있습니다.
.png)
.png)
