Apple Pay

Zur Erinnerung:

• Die Bezahlung über Apple Pay ist nur auf unterstützten Geräten verfügbar.
• Das SDK überprüft lediglich, ob eine Bezahlung auf dem Gerät des Nutzers möglich ist, und sendet alle erforderlichen Daten. Die Bezahlung wird dann in einem externen Tab abgewickelt: https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• Der Einfachheit halber ist die Komponente psdk-apple-pay in der Komponente psdk-submit-button enthalten.

Implementierungsbeispiel

Ein ausführliches Beispiel ist auf GitHub verfügbar.

Einrichtung

So können Sie mittels Headless Checkout und Apple Pay Zahlungen entgegennehmen:

1. Fügen Sie die Verarbeitung des Ereignisses show_fields für die Anzeige zusätzlicher Felder hinzu.

1headlessCheckout.form.onNextAction((nextAction) => {
2  switch (nextAction.type) {
3    case 'show_fields':
4      this.handleShowFieldsAction(nextAction);
5  }
6});

2. Fügen Sie die Komponente psdk-payment-form dem HTML-Markup des Zahlungsportals hinzu, um zusätzliche Felder anzuzeigen.

1<psdk-payment-form></psdk-payment-form>
2<psdk-submit-button text="Pay" />

One-Click-Zahlung

Bei der One-Click-Zahlung können Nutzer auf unterstützten Geräten mit Apple Pay bezahlen, einer vertrauten und sicheren nativen Zahlungsmethode. So konfigurieren Sie die One-Click-Zahlung:

1. Bitten Sie darum, diese Option zu aktivieren. Gehen Sie dazu wie folgt vor:

   a. Öffnen Sie das Kundenportal, und navigieren Sie zum Support Hub.

   b. Klicken Sie auf Anfrage senden.

   

   c. Füllen Sie im sich öffnenden Fenster die folgenden Felder aus:

   • Zusammenfassung, z. B.: Einrichtung der One-Click-Zahlung über Apple Pay.
   • Beschreibung. Geben Sie die Domain an, die für das Öffnen des Zahlungsportals verwendet wird, z. B.: amazing.store.com.
   • Projekt-ID. Wählen Sie eine Projekt-ID aus der Drop-down-Liste aus. Wenn Sie die One-Click-Zahlungsmöglichkeit für mehrere Projekte konfigurieren möchten, geben Sie die IDs der jeweiligen Projekte im Feld Beschreibung an.

   d. Klicken Sie auf Senden.

2. Warten Sie auf Ihre Domain-Zuordnungsdatei. Dieser Schritt wird von Xsolla durchgeführt:
   1. Xsolla registriert Ihre Domain bei Apple.
   2. Xsolla erhält die Domain-Zuordnungsdatei von Apple.
   3. Xsolla sendet Ihnen die Domain-Zuordnungsdatei per E-Mail und gibt Anweisungen, wo diese hochzuladen ist.
3. Aktualisieren Sie das SDK-Initialisierungsskript wie folgt:

1const config: InitialOptions = {
2  isWebview: false,
3  theme: 'default',
4  language: parameters.language,
5  topLevelDomain: 'amazing.store.com',
6  isApplePayInstantFlowEnabled: true
7};
8
9await initHeadlessCheckoutLib(config);

4. Antworten Sie auf die E-Mail von Xsolla und bestätigen Sie, dass Sie die Domain-Zuordnungsdatei an den angegebenen Ort hochgeladen und das SDK-Initialisierungsskript aktualisiert haben.
5. Warten Sie, bis Xsolla bestätigt hat, dass die One-Click-Zahlung in Ihrem Projekt erfolgreich aktiviert wurde.