Google 크롬, 탭 한 번으로 주문할 수 있는 온라인 쇼핑 기능 출시

Google 은 (Google)Payment Request API 이면의 마법 덕분에 Chrome 브라우저 에 전자 상거래 기능을 적극적으로 추가하고 있습니다. 최근 Chrome 은 인터넷 탐색 경험을 보다 생산적으로 만들기 위해 기능을 확장하고 있습니다. 그리고 궁극적으로 사용자의 생산성을 높이는 온라인 구매 경험을 단순화하는 것보다 더 좋은 방법이 있습니까?

구글 크롬 결제 요청 API

Google Chrome 은 온라인 결제 경험을 재정의합니다.

Google 크롬의 새로운 원클릭 원탭 체크아웃 환경 은 사용자가 실험적인 (one-click, one-tap checkout experience)Web Payments API 기능 을 사용해 볼 수 있도록 하는 chrome://flags 뒤에서 사용할 수 있습니다. 동일한 웹 결제(Web Payments) 카테고리 에 속하는 또 다른 실험적 Chrome 플래그를 사용하면 가능한 경우 (Chrome)결제 요청 API(Payment Request API) 가 최소한의 UI를 열 수 있습니다.

이제 Chrome 은 (Chrome)전자상거래 경험(speed up your e-commerce experience) 을 획기적으로 개선하고 속도를 높이고자 합니다 . 결과적으로 Chrome 은 결제 관련 정보를 저장하는 방식을 대대적으로 개편하고 있습니다. 이러한 방식으로 Chrome 은 (Chrome)Mac , Windows , Linux , Chrome OSAndroid 에서 전자 상거래 주문 프로세스를 단순화하려고 합니다 .

지불 요청 API(Payment Request API) 는 이제 꽤 오랫동안 사용되었습니다. 그러나 Google 은 지불 (Google)요청 API(Request API) 가 어떻게 판매자에게 직접적으로 가치가 있는지 파악하는 것에서 API가 웹에서 더 나은 지불 앱 경험을 가능하게 하는 방법으로 초점이 옮겨졌다고 말합니다(APIs) .

“We’ve learned that building a compelling payment flow requires much more than just returning a credit card number. That’s why we are switching gears to focus on enabling payment apps through the Web Payments APIs,” said Eiji Kitamura, Developer Advocate at Google.

결제 검토

Chrome 은 판매자, 사용자 및 결제 수단 간의 중개자 역할을 할 뿐만 아니라 사용자에게 애플리케이션 인터페이스 내에서 양식 없는 결제 경험을 제공합니다. 모바일 기기의 키보드 사용을 최소화하여 보다 빠른 체크아웃 및 결제 처리가 가능합니다. 따라서(Hence) 개발자는 사용자의 지불 경험을 상당히 개선할 수 있습니다.

상업용 트래픽의 66% 가 모바일 장치에서 발생하지만 (66 percent)Google 은 모바일 전환이 데스크톱 전환의 약 1/3 이라고 말합니다. (one-third)Google 은 휴대기기에서 낮은 전환율이 복잡한 결제 양식의 결과라고 생각합니다.

과거에 Google 은 (Google)자동 완성 기능을 사용하여 결제 프로세스를 간소화했으며 그 결과 휴대기기에서 전환율 이 25% 향상되었다고 합니다. (25 percent)자동 완성(Autofill) 은 데이터 입력의 수동 특성을 제거할 수 있지만 Google 은 여전히 ​​동일한 결제 흐름을 기반으로 (Payment Request API)한다고(Google) 생각합니다 .

기본 결제 앱 격차 해소

네이티브 앱은 웹 앱과 달리 마찰 없는 온라인 결제 경험을 제공합니다. Chrome 사용자는 웹에서 결제를 완료하기 위해 종종 긴 양식을 작성하고 팝업 및 리디렉션을 통해 여러 단계를 수행해야 합니다. 이제 결제 요청(Payment Request)결제 처리기 API(Payment Handler APIs) 가 함께 Chrome 내 기본 결제 앱 격차( bridge the native payments app gap) 를 해소 할 것을 약속합니다 .

“Payment Request API provides a standardized way to invoke a version-mediated, low-friction payment flow on the web similar to what users might already be familiar with in many native apps,” Kitamura continued. “Payment Handler API allows payment apps to plug into the primary guest API to enable form-free payments on the web.”

Chrome의 더 빠른 체크아웃 테스트

웹사이트는 지불 요청 API(Payment Request API) 를 호출하고 비용 및 호환 가능한 지불 옵션을 포함한 지불 매개변수를 제공합니다. 그런 다음 Chrome(Chrome) 은 사이트에서 지원하는 결제 수단과 사용자가 브라우저 내에서 구성한 결제 수단의 교차점을 결정합니다. 궁극적으로 Chrome 에서는 사용자가 선호하는 결제 방법을 선택할 수 있습니다.

Chrome 사용자는 배송할 새 주소를 입력하거나 기존 주소를 선택할 수 있습니다. 해당되는 경우 배송 방법을 선택할 수 있습니다. 결제 수단은 신용카드 또는 Google Pay(Google Pay) 와 같이 기기에 설치된 지갑 앱 중 하나일 수 있습니다 . 마지막으로 사용자는 '결제'를 탭합니다. 그런 다음 Chrome은 선택한 결제 수단의 응답을 요청합니다.

카드 결제 요청 API 추가

지불 프로세서는 먼저 요청을 확인한 다음 서버에 직접 응답을 반환합니다. 이러한 방식으로 웹사이트에는 결제를 처리하는 데 필요한 모든 정보가 포함되어 있어 결제 페이지의 컨텍스트를 벗어날 필요가 없습니다.

한편, 지불 처리기 API 는 표준 (Payment Handler API)지불 요청 API(Payment Request API) 를 통해 웹 기반 지불 애플리케이션이 지불 방법으로 작동하고 판매자 웹사이트에 통합될 수 있도록 하는 완전히 새로운 생태계를 만듭니다.

(Wallet)Google Pay 와 같은 월렛 앱은 Web Payments API(Web Payments APIs) 를 기반으로 구축할 수 있습니다 . 기존 결제 앱이 결제 요청 API(Payment Request API) 와 통합할 수 있는 다양한 방법이 있습니다 . Google 에서 설명하는 것처럼 옵션 중 하나는 기존 결제 환경에 서비스 작업자를 추가하여 결제 처리기 API 를 구현하는 것입니다.(Payment Handler API)

Google Chrome 을 통한 전자상거래의 미래

결제 핸들러 API(Payment Handler API) 의 '위임' 기능을 통해 결제 앱은 배송, 연락처 등 가맹점이 요청하는 모든 정보를 제공할 수 있습니다. 이전에는 항상 동일한 정보가 브라우저에서 제공되었습니다.

현재 Google은 지불(Payment Handlers) 처리자가 웹 브라우저를 통해 번거롭지 않은 전자 상거래의 미래에 적응할 수 있는 충분한 시간을 갖기를 원합니다. 지불 처리기(Payment Handler) 란 무엇입니까 ? (Well) , 지불 처리기(Payment Handler) 는 사용자를 대신하여 지불 요청을 처리하는 웹 응용 프로그램입니다.

(Web) 앱은 배송 주소 및 연락처 정보를 처리할지 여부를 지정해야 합니다. 각 지불 옵션을 별도로 지원하는지 지정하거나 모든 지불 옵션을 지원하는지 지정할 수 있습니다. Google 은 배송 주소와 지불인의 연락처 정보를 (Google)지불 처리자(Payment Handlers) 에게 제공하는 전체 위임이 최종 그림이라고 말합니다.

웹 결제 플래그

TheWindowsClub 에서 본 기술 문서에 따르면 Google 은 (Google)결제(Payment Handlers) 처리자가 배송/연락 요구 사항을 곧 처리하도록 의무화하지 않습니다 .

Chrome 은 즉시 결제 처리기로 이동할 수 있습니다. 전자 상거래 웹사이트가 Payment Request API 에서 단일 결제 수단을 지원한다고 표시하는 경우 결제 수단은 (Payment Request API)URL 로 식별되어야 합니다 . 다른 시나리오에서 사용자는 지원되는 지불 방법에 대해 하나 이상의 지불 처리기 가 설치되어 있어야 합니다.(Payment Handler)

사용자가 결제 수단에 대해 결제 처리기가 설치되어 있지 않은 경우, 적시 등록을 통해 결제 처리기를 등록해야 합니다. 이러한 조건이 충족되면 사용자 제스처와 Chrome 이 (Chrome)결제 요청(Payment Request) 을 트리거 하고 브라우저는 시트를 건너뜁니다.

“Together, delegation and skip-the-sheet enable payment apps to more easily transition their existing flows to the Payment Handler API.”

기능의 작동 프로토타입은 Desktop(Desktop) 의 "실험적 웹 플랫폼 기능" 플래그 뒤에 있습니다 . 구글 은 안드로이드 웹뷰용 (Google)결제(Payment) 핸들러 API 가 구현되지 않았다고 해서 안드로이드 (Android Webview)웹뷰(Android Webview) 를 제외한 모든 플랫폼에서 이 기능을 구현할 계획이다 .

Chrome 내에서 기본 카드를 교체하는 원클릭 체크아웃

지불 요청 API 웹 브라우저

Chrome 은 결국 기본 카드(basic-card) 결제 방법에 대한 지원을 중단한다고 Google 이 확인했습니다. Google 은 처음에 형식 기반 신용 카드 결제의 대안으로 기본 카드 형식으로 결제 요청 API(Payment Request API)Chrome 에 추가했습니다. (Chrome)기본 카드로 고객은 브라우저에 저장된 신용 카드를 선택하여 더 빠른 결제를 할 수 있습니다. 구글 은 버그 수정을 제외하고 (Google)크롬(Chrome) 에 ​​내장된 기본 카드 지원에 대한 기능 개발을 중단한다고 밝혔습니다 .

Chrome 외에도 Payment Request API 는 새로운 Chromium 기반 Microsoft Edge(Chromium-based Microsoft Edge) 와도 호환됩니다 . 한편, 이 기능은 현재 FirefoxSafari 브라우저에서 개발 중입니다.



About the author

저는 10년 이상의 경험을 가진 웹 개발자이자 오디오 엔지니어입니다. 저는 Chrome/Web Audio 앱과 Discord 애플리케이션 개발을 전문으로 합니다. 두 분야의 기술을 통해 사용하고 유지 관리하기 쉬운 고품질 제품을 만들 수 있습니다. 또한 저는 Discord의 숙련된 사용자이며 현재 2년 이상 앱 작업을 하고 있습니다.



Related posts