웹 기반 결제 앱 개요

웹 기반 결제 앱을 웹 결제와 통합하고 고객에게 더 나은 사용자 환경을 제공하는 방법

웹 결제는 사용자가 필요한 결제 정보를 그 어느 때보다 쉽게 입력할 수 있는 브라우저의 내장 인터페이스를 웹에 제공합니다. 이 API는 웹 기반 결제 앱과 Android 결제 앱을 호출할 수 있습니다.

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

Chromium Safari Firefox
데스크톱 Android 데스크톱 모바일 데스크톱/모바일
결제 요청 API
Payment Handler API
iOS/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 버그 추적기에서 결제 핸들러 창에 추가될 예정인 알려진 문제 및 기능 목록을 확인할 수 있습니다.

다음 단계

웹 기반 결제 앱을 빌드하려면 다음 세 가지 주요 부분을 구현해야 합니다.