웹 결제를 통한 결제 앱 지원

원활한 웹 결제 환경을 위한 새로운 웹 표준

웹 생태계의 핵심 요소 중 하나는 결제입니다. 안전하고 매끄럽고 유연한 결제 시스템을 통해 웹은 지속 가능하고 수익성 있는 플랫폼이 될 수 있습니다. 웹 결제 표준은 결제 솔루션을 판매자 결제 흐름에 원활하게 통합할 수 있는 핵심 구성요소가 될 수 있습니다.

웹 결제란 무엇인가요?

웹 결제는 Payment Request API, Payment Handler API몇 가지를 포함하여 최신 브라우저에서 사용할 수 있는 일련의 새롭고 표준화된 결제 API입니다. 이러한 새로운 브라우저 프리미티브는 온라인 결제를 간소화하고 결제 앱을 그 어느 때보다 쉽게 브라우저와 통합할 수 있게 해줍니다.

표준은 유연하며 다양한 유형의 결제 시스템과 호환되며 모든 기기, 결제 수단 또는 결제 서비스 제공업체의 모든 브라우저에서 작동하도록 고안되었습니다. 이러한 유연성을 통해 개발 단순성, 배포 일관성은 물론 향후 새로운 결제 기술과의 호환성을 확보할 수 있습니다.

연구에 따르면 긴 결제 흐름이 장바구니 이탈로 이어진다고 합니다. 웹 결제를 사용하면 모든 구매에 대한 결제 데이터를 수동으로 입력하는 대신 탭 몇 번으로 결제 절차가 간소화됩니다. 아래에서 Google Pay가 웹 결제를 활용하여 원활한 흐름을 구축하는 방법을 보여주는 데모를 참조하세요. 다른 결제 앱에서도 동일한 방식으로 사용할 수 있습니다.

Google Pay 및 웹 결제의 결제 과정
  1. 고객이 결제로 이동하여 GPay 버튼을 누릅니다.

  2. Google Pay 앱이 판매자 웹사이트 전면에 실행됩니다.

  3. 고객이 세부정보를 살펴본 후 Google Pay 앱에서 결제를 확인합니다.

  4. 판매자가 결제를 확인하고 구매가 승인되었습니다.

브라우저 지원

웹 결제는 몇 가지 기술로 구성되며 지원 상태는 브라우저에 따라 다릅니다.

Chromium Safari Firefox
데스크톱 Android 데스크톱 모바일 데스크톱/모바일
결제 요청 API
결제 핸들러 API
iOS/Android 결제 앱 ✔* ✔*

결제 앱에 웹 결제를 통합할 때의 이점

웹 결제와 통합하면 결제 앱이 고객에게 더 나은 사용자 환경을 제공하고 더 나은 개발자 환경과 더 엄격한 보안을 제공할 수 있습니다.

사용자 환경 개선

  • 상황에 따른 결제: 결제는 판매자 웹사이트의 컨텍스트에서 리디렉션이나 팝업 창 없이 모달로 이루어집니다.

  • 더 빠른 결제: 고객이 결제 세부정보를 브라우저나 결제 앱에 안전하게 저장하여 지원하는 판매자 사이트에서 즉시 사용할 수 있습니다.

  • 간소화된 구매 환경: 결제를 완료 (또는 취소)한 후 고객은 정확히 중단한 지점에 판매자 웹사이트에 있게 됩니다.

개발자 환경 개선

  • 간편한 통합: 웹 결제를 기존 플랫폼별 결제 앱이나 웹 기반 결제 앱에서 확장할 수 있습니다.

  • 낮은 통합 비용: 판매자는 웹 결제를 JavaScript 및 기본 수준의 서버 측 통합과 통합할 수 있습니다.

  • 표준: 판매자와 정보를 교환하는 데 사용되는 프로토콜 및 데이터 형식은 표준화되어 있으며 긴밀한 통합이 필요하지 않습니다.

더 엄격한 보안

  • 플랫폼별 결제 앱을 호출할 때 사이드로드 방지.

  • 향후 보안 및 개인 정보 보호 패러다임을 염두에 두고 설계되었습니다.

또한 웹 결제를 사용하면 결제 앱이 전자화폐, 암호화폐, 은행 송금 등 모든 종류의 결제 수단을 웹으로 가져올 수 있습니다. 웹 결제는 지속 가능성을 염두에 두고 설계되었으며 결제 처리 및 결제 수단에 제한을 두지 않습니다.

웹 결제와 다른 접근 방식의 비교

웹에서 결제를 통합하는 기존 접근 방식을 고려하세요.

  • iframe:JavaScript를 사용하여 iframe에 결제 핸들러의 웹사이트를 삽입하고 양식을 통해 고객의 결제 사용자 인증 정보를 수집합니다.

  • 팝업: JavaScript를 사용하여 팝업 창을 열고 양식을 통해 또는 고객이 결제 사용자 인증 정보를 인증하고 선택하도록 하여 고객의 결제 사용자 인증 정보를 수집합니다.

  • 리디렉션: 판매자가 고객을 결제 핸들러의 웹사이트로 리디렉션하고 고객이 결제 사용자 인증 정보를 인증하고 선택할 수 있도록 합니다. 리디렉션 URL은 서버를 통해 전달됩니다.

  • OAuth: 판매자는 고객이 OAuth를 통해 결제 핸들러의 ID로 인증 및 승인할 수 있고, 컨텍스트 내 iframe UI를 통해 결제 수단, 배송지 주소 등을 선택할 수 있습니다.

웹 결제와 비교하면 다음과 같습니다.

웹 결제 iframe 팝업 리디렉션 OAuth
컨텍스트 내 결제 ✔*
유동 가격 업데이트
간소화된 구매 환경
플랫폼별 앱 통합
낮은 통합 비용
표준

기존 앱에 웹 결제 통합

웹 결제는 플랫폼별 결제 앱과 웹 기반 결제 앱 모두에 통합할 수 있습니다. 플랫폼별 결제 앱이 설치되어 있지 않은 경우 웹 기반 결제 앱을 대체 앱으로 사용할 수 있습니다. 고객과 판매자는 환경에 따라 원하는 결제 수단을 통해 원활하게 결제 금액을 송금하고 받을 수 있습니다.

플랫폼별 결제 앱

  • 이미 설치한 사용자 수가 많고 기존 사용자에게 웹에서 일관된 환경을 제공하려는 결제 앱에 적합합니다.

  • Android의 '인텐트' 기능과 달리 웹 결제는 결제 앱을 실행하기 전에 서명 확인을 수행하여 악성 결제 앱을 사이드로드하는 것을 방지합니다.

위 동영상에서 Google Pay는 플랫폼별 결제 앱입니다.

웹 기반 결제 앱

  • 미래 경쟁력 강화: 리디렉션이나 팝업과 같은 일반적인 결제 앱 기술은 더 이상 사용되지 않을 수 있는 서드 파티 쿠키를 기반으로 합니다. 결과를 예측하기란 여전히 어렵지만, 웹 결제는 더 나은 개인 정보 보호와 서드 파티 쿠키가 없는 세상을 추구합니다.

  • 웹 기반 경로는 카드를 등록한 고객이 많은 웹 서비스에 적합합니다.

웹 기반 결제 앱을 사용한 결제 흐름

판매자 채택은 어떻게 진행되나요?

판매자가 결제 앱을 사용할 수 있으려면 판매자가 결제 앱을 명시적으로 채택해야 합니다. 엄밀히 말하면 판매자는 결제 앱의 식별자 (결제 수단 식별자)를 지정하고 이와 함께 Payment Request API를 사용해야 합니다.

통합을 용이하게 하려면 통합 가이드와 SDK 또는 라이브러리에 적절한 문서를 제공하는 것이 좋습니다. 예를 들어 Google Pay는 개발자 가이드를 제공합니다.

결제 게이트웨이와 함께 작업하면 연락 범위를 확장하는 데에도 도움이 될 수 있으므로 좋은 옵션입니다.

가격 책정

웹 결제는 브라우저의 표준 기술에 관한 것입니다. 결제 앱이 이를 채택하거나 브라우저에서 활성화하더라도 자체적으로 수수료를 청구하지 않습니다.