웹 결제를 통한 결제 앱 지원

웹에서 원활한 결제 환경을 위한 새로운 웹 표준입니다.

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

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

이 표준은 유연합니다. 다양한 유형의 결제 시스템과 호환되며 모든 기기, 결제 수단 또는 결제 서비스 제공업체의 모든 브라우저에서 작동하도록 설계되었습니다. 이러한 유연성 덕분에 개발 간소화, 배포 일관성, 향후 신규 결제 기술과의 호환성을 구현할 수 있습니다.

연구에 따르면 결제 절차가 길면 장바구니 이탈이 발생합니다. 웹 결제를 사용하면 구매할 때마다 결제 데이터를 수동으로 입력하는 대신 몇 번의 탭으로 간편하게 결제 흐름을 완료할 수 있습니다. Google Pay에서 웹 결제를 활용하여 원활한 흐름을 구축하는 방법을 아래 데모에서 확인하세요. 다른 결제 앱에서도 동일한 방식으로 이용할 수 있습니다.

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

  2. Google Pay 앱이 판매자 웹사이트 앞에 표시됩니다.

  3. 고객이 세부정보를 검토한 후 Google Pay 앱에서 결제를 확인합니다.

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

브라우저 지원

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

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

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

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

더 나은 사용자 환경

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

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

  • 구매 환경 간소화: 고객이 결제를 완료하거나 중단한 후 판매자 웹사이트에서 중단한 지점으로 바로 이동합니다.

개발자 환경 개선

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

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

  • 표준: 판매자와 정보를 교환하기 위한 프로토콜 및 데이터 형식이 표준화되어 있으며 심층적인 통합이 필요하지 않습니다.

더 엄격한 보안

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

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

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

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

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

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

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

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

  • OAuth: 판매자는 고객이 OAuth를 통해 결제 핸들러의 ID로 인증하고 승인할 수 있도록 허용하고, 문맥 내 iframe UI를 통해 결제 수단, 배송지 주소 등을 선택할 수 있도록 허용합니다.

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

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

기존 앱에 웹 결제 통합

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

플랫폼별 결제 앱

  • 이미 대규모 설치 기반을 보유하고 있으며 기존 사용자에게 웹에서 일관된 환경을 제공하려는 결제 앱에 적합합니다.

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

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

웹 기반 결제 앱

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

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

웹 기반 결제 앱을 사용한 결제 절차

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

판매자가 결제 앱을 사용할 수 있으려면 판매자가 결제 앱을 명시적으로 채택해야 합니다. 기술적으로 판매자는 결제 앱의 식별자(결제 수단 식별자)를 지정하고 이를 사용하여 결제 요청 API를 사용해야 합니다.

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

결제 게이트를 사용하면 도달범위를 확장하는 데도 도움이 되므로 좋은 옵션입니다.

가격 책정

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