웹에서 원활한 결제 환경을 위한 새로운 웹 표준
웹의 주요 생태계 동인 중 하나는 결제입니다. 안전하고 원활하며 유연한 결제 시스템을 통해 웹은 지속 가능하고 수익성 있는 플랫폼이 될 수 있습니다. 웹 결제 표준은 결제 솔루션을 판매자 결제 흐름에 원활하게 통합할 수 있는 핵심 구성요소가 될 수 있습니다.
웹 결제란 무엇인가요?
Web Payments는 Payment Request API, Payment Handler API, 기타 몇 가지를 비롯하여 최신 브라우저에서 사용할 수 있는 일련의 새로운 표준화된 결제 API입니다. 이러한 새로운 브라우저 기본 요소는 온라인 결제를 간소화하고 결제 앱이 그 어느 때보다 쉽게 브라우저와 통합될 수 있도록 지원합니다.
이 표준은 유연하며 다양한 유형의 결제 시스템과 호환되고 모든 기기, 결제 수단 또는 결제 서비스 제공업체의 브라우저에서 작동하도록 설계되었습니다. 이러한 유연성 덕분에 개발이 간소화되고, 배포가 일관되며, 향후 새로운 결제 기술과의 호환성이 보장됩니다.
연구에 따르면 결제 흐름이 길면 장바구니를 이탈하는 것으로 나타났습니다. 웹 결제를 사용하면 구매할 때마다 결제 데이터를 수동으로 입력하는 대신 몇 번의 탭으로 결제 흐름이 간소화됩니다. Google Pay가 웹 결제를 활용하여 원활한 흐름을 구축하는 방법을 아래 데모에서 확인하세요. 다른 결제 앱에서도 동일한 작업을 할 수 있습니다.
고객이 결제로 이동하여 GPay 버튼을 누릅니다.
Google Pay 앱이 판매자 웹사이트 앞에 실행됩니다.
고객이 세부정보를 검토한 후 Google Pay 앱에서 결제를 확인합니다.
판매자가 결제를 확인하고 구매가 승인됩니다.
브라우저 지원
Web Payments는 몇 가지 다른 기술로 구성되어 있으며 지원 상태는 브라우저에 따라 다릅니다.
결제 앱에 웹 결제를 통합할 때의 이점
결제 앱은 웹 결제와 통합하여 고객에게 더 나은 사용자 환경을 제공하고, 개발자 환경을 개선하며, 보안을 강화할 수 있습니다.
사용자 환경 개선
인컨텍스트 결제: 리디렉션이나 팝업 창 없이 판매자 웹사이트의 컨텍스트에서 모달로 결제가 이루어집니다.
더 빠른 결제: 고객은 지원되는 판매자 사이트에서 사용할 수 있도록 브라우저나 결제 앱에 결제 세부정보를 안전하게 저장할 수 있습니다.
간소화된 구매 환경: 결제를 완료 (또는 중단)한 후 고객은 중단한 위치에서 정확히 판매자 웹사이트에 있습니다.
개발자 환경 개선
간편한 통합: 기존 플랫폼별 결제 앱 또는 웹 기반 결제 앱에서 웹 결제를 확장할 수 있습니다.
낮은 통합 비용: 판매자는 JavaScript 및 기본 수준 서버 측 통합을 사용하여 웹 결제를 통합할 수 있습니다.
표준: 판매자와 정보를 교환하기 위한 프로토콜과 데이터 형식이 표준화되어 있어 심층적인 통합이 필요하지 않습니다.
더 엄격한 보안
플랫폼별 결제 앱을 호출할 때 사이드로드 방지
향후 보안 및 개인 정보 보호 패러다임을 고려하여 설계되었습니다.
웹 결제를 사용하면 결제 앱이 전자화폐, 암호화폐, 은행 송금 등 모든 종류의 결제 수단을 웹에 제공할 수도 있습니다. 웹 결제는 지속 가능성을 염두에 두고 설계되었으며 결제 처리 및 결제 수단에 제한을 두지 않습니다.
웹 결제와 다른 접근 방식 비교
웹에서 결제를 통합하는 기존 접근 방식을 고려하세요.
iframe: JavaScript를 사용하여 iframe에 결제 핸들러의 웹사이트를 삽입하고 양식을 통해 고객의 결제 사용자 인증 정보를 수집합니다.
팝업: JavaScript를 사용하여 팝업 창을 열고 양식을 통해 또는 고객이 인증하고 결제 사용자 인증 정보를 선택하도록 하여 고객의 결제 사용자 인증 정보를 수집합니다.
리디렉션: 판매자가 고객을 결제 처리기의 웹사이트로 리디렉션하여 고객이 인증하고 결제 사용자 인증 정보를 선택할 수 있도록 합니다. 리디렉션 URL은 서버를 통해 전달됩니다.
OAuth: 판매자는 고객이 OAuth를 통해 결제 핸들러의 ID로 인증하고 승인하도록 허용하며, 컨텍스트 내 iframe UI를 통해 결제 수단, 배송지 주소 등을 선택합니다.
웹 결제와 비교하면 다음과 같습니다.
| 웹 결제 | iframe | 팝업 | 리디렉션 | OAuth | |
| 컨텍스트 내 결제 | ✔ | ✔ | ✔* | ✔ | |
| 유동 가격 업데이트 | ✔ | ✔ | |||
| 간소화된 구매 환경 | ✔ | ✔ | ✔ | ||
| 플랫폼별 앱 통합 | ✔ | ✔ | |||
| 낮은 통합 비용 | ✔ | ✔ | ✔ | ✔ | |
| 표준 | ✔ |
기존 앱에 웹 결제 통합
플랫폼별 결제 앱과 웹 기반 결제 앱 모두에 Web Payments를 통합할 수 있습니다. 플랫폼별 결제 앱이 설치되어 있지 않으면 웹 기반 결제 앱을 대체로 사용할 수 있습니다. 고객과 판매자는 환경에 따라 원하는 결제 수단을 통해 원활하게 결제를 주고받을 수 있습니다.
플랫폼별 결제 앱
이미 설치 기반이 크고 기존 사용자에게 웹에서 일관된 환경을 제공하려는 결제 앱에 적합합니다.
Android의 '인텐트' 기능과 달리 웹 결제는 결제 앱을 실행하기 전에 서명 확인을 실행하므로 악성 결제 앱을 사이드로드할 수 없습니다.
위 동영상에서 Google Pay는 플랫폼별 결제 앱입니다.
웹 기반 결제 앱
미래에 대비: 리디렉션이나 팝업과 같은 일반적인 결제 앱 기법은 더 이상 사용되지 않을 수 있는 서드 파티 쿠키를 기반으로 합니다. 결과를 예측하기는 아직 어렵지만 웹 결제는 개인 정보 보호가 강화되고 서드 파티 쿠키가 없는 웹을 지향합니다.
웹 기반 방식은 카드 정보가 저장된 고객이 많은 웹 서비스에 적합합니다.
판매자 채택은 어떻게 작동하나요?
결제 앱이 판매자에게 제공되려면 판매자가 명시적으로 채택해야 합니다. 기술적으로 말하면 판매자는 결제 앱의 식별자 (결제 수단 식별자)를 지정하고 이를 사용하여 결제 요청 API를 사용해야 합니다.
통합을 용이하게 하려면 통합 가이드와 SDK 또는 라이브러리에 적절한 문서를 제공하는 것이 좋습니다. 예를 들어 Google Pay는 개발자 가이드를 제공합니다.
결제 게이트웨이를 사용하는 것도 좋은 방법입니다. 결제 게이트웨이는 도달범위를 확장하는 데 도움이 될 수 있습니다.
가격 책정
Web Payments는 브라우저의 표준 기술에 관한 것입니다. 이 기능을 채택하거나 브라우저에서 활성화하는 결제 앱은 자체적으로 수수료를 청구하지 않습니다.