웹 결제를 통한 결제 앱 지원

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

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

웹 결제란 무엇인가요?

Web Payments는 최신 브라우저에서 사용할 수 있는 일련의 새로운 표준화된 결제 API로, 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 결제 앱 ✔* ✔*

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

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

사용자 경험 개선

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

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

  • 간소화된 구매 환경: 결제를 완료 (또는 취소)한 고객은 판매자 웹사이트에서 바로 중단했던 지점으로 이동합니다.

개발자 환경 개선

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

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

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

더 엄격한 보안

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

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

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

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

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

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

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

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

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

웹 결제와의 차이점은 다음과 같습니다.

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

기존 앱에 웹 결제 통합

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

플랫폼별 결제 앱

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

  • Android의 '인텐트' 기능과 달리 웹 결제는 결제 앱을 실행하기 전에 서명 인증을 실행하므로 악성 결제 앱을 사이드로드할 수 없습니다.

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

웹 기반 결제 앱

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

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

웹 기반 결제 앱의 결제 흐름

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

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

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

결제 게이트웨이를 사용하는 것도 고객 연락을 확장할 수 있으므로 좋은 옵션입니다.

가격 책정

웹 결제는 브라우저의 표준 기술을 기반으로 합니다. 결제 앱을 채택하거나 브라우저에서 활성화해도 결제 앱 자체에서 수수료를 청구하지 않습니다.