WeChat PayやAlipayなどを使用してQRコードで支払う場合、販売者はユーザーが決済アプリケーションでスキャンするQRコードを生成します。支払いが確認され、資金が引き落とされると、売り手は成功した取引に関する通知を受け取ります。この方法は、ユーザーが銀行情報を入力することなく、すべてのデータが決済システムによって処理されるため、決済の安全性が保証される。

ヘッドレスチェックアウトを使ってQRコードで支払いを受け付けるには：

1. QRコードの表示に関するshow_qr_codeイベントの処理を追加します。

例：

headlessCheckout.form.onNextAction((nextAction) => {
  switch (nextAction.type) {
    case 'show_qr_code': {
      showQrCode = true;
    }
  }
});

2. 決済UIのHTMLマークアップにpsdk-qr-codeコンポーネントを追加します。

例：

@if (showQrCode) {
  <psdk-qr-code></psdk-qr-code>
  <psdk-submit-button text="Show status" />
}