웹 기반 결제 앱을 웹 결제와 통합하고 고객에게 더 나은 사용자 환경을 제공하는 방법
웹 결제는 사용자가 필요한 결제 정보를 그 어느 때보다 쉽게 입력할 수 있는 브라우저의 내장 인터페이스를 웹에 제공합니다. 이 API는 웹 기반 결제 앱 및 Android 결제 앱을 호출할 수 있습니다.
브라우저 지원
웹 결제는 몇 가지 기술로 구성되며 지원 상태는 브라우저에 따라 다릅니다.
웹 기반 결제 앱의 이점
- 결제는 판매자 웹사이트의 컨텍스트에서 모달로 이루어지므로 리디렉션이나 팝업을 사용하는 일반적인 결제 앱 기법보다 더 나은 사용자 환경을 제공합니다.
- Web Payments API는 기존 웹사이트에 통합하여 기존 사용자층을 활용할 수 있습니다.
- 플랫폼별 앱과 달리 웹 기반 결제 앱은 미리 설치할 필요가 없습니다.
웹 기반 결제 앱은 어떻게 작동하나요?
웹 기반 결제 앱은 표준 웹 기술을 사용하여 빌드됩니다. 모든 웹 기반 결제 앱에는 서비스 워커가 포함되어야 합니다.
웹 기반 결제 앱에서 서비스 워커는 다음과 같은 방법으로 결제 요청의 중재자 역할을 할 수 있습니다.
- 모달 창을 열고 결제 앱의 인터페이스 표시
- 결제 앱과 판매자 간의 통신 브리징
- 고객으로부터 승인을 받고 판매자에게 결제 사용자 인증 정보 전달
결제 거래 수명에서 결제 앱이 판매자에 대해 작동하는 방식을 알아보세요.
판매자가 내 결제 앱을 발견하는 방법
판매자가 개발자의 결제 앱을 사용하려면 Payment Request API를 사용하고 결제 수단 식별자를 사용해 개발자가 지원하는 결제 수단을 지정해야 합니다.
결제 앱 고유의 결제 수단 식별자가 있는 경우 자체 결제 수단 매니페스트를 설정하고 브라우저가 앱을 검색하도록 할 수 있습니다.
결제 수단 설정에서 새 결제 수단의 작동 방식과 새 결제 수단을 설정하는 방법을 알아보세요.
결제 핸들러 창 내에서 사용할 수 있는 API
'결제 핸들러 창'은 결제 앱이 실행되는 창입니다. Chrome에서는 일반 Chrome 브라우저 창이므로 대부분의 웹 API가 몇 가지 예외를 제외하고는 최상위 문서에서 사용하는 것처럼 작동합니다.
- 표시 영역 크기 조정이 사용 중지되었습니다.
window.open()가 중지됩니다.
WebAuthn 지원
WebAuthn은 공개 키 암호화를 기반으로 하는 인증 메커니즘입니다. 사용자가 생체 인식 인증을 통해 로그인하도록 할 수 있습니다. WebAuthn은 Chrome의 결제 핸들러 창에서 이미 지원되고 있으며 표준 기관에서는 웹 결제와 WebAuthn 간에 더 긴밀한 연결을 만드는 방안을 모색하고 있습니다.
Credential Management API 지원
Credential Management API는 여러 기기에서 원활하게 로그인할 수 있도록 사이트와 브라우저 간의 프로그래매틱 인터페이스를 제공합니다. 브라우저의 비밀번호 관리자에 저장된 정보를 기반으로 사용자가 웹사이트에 자동으로 로그인하도록 허용할 수 있습니다. Chrome에서 사용할 수 있도록 계획되어 있지만 아직 개발 중입니다.
WebOTP 지원
WebOTP API를 사용하면 SMS 메시지에서 프로그래매틱 방식으로 OTP를 가져오고 사용자의 전화번호를 더 쉽게 확인할 수 있습니다. Chrome에서 사용 설정할 계획이지만 아직 개발 중입니다.
Chromium 버그 추적기의 결제 핸들러 창에 추가될 알려진 문제와 기능 목록을 확인할 수 있습니다.
다음 단계
웹 기반 결제 앱을 빌드하려면 다음 세 가지 부분을 구현해야 합니다.