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. Senden Sie eine Anfrage, um diese Option zu aktivieren. Gehen Sie dazu wie folgt vor:

1. Öffnen Sie das Kundenportal, und navigieren Sie zum Communication Hub.
2. Klicken Sie auf Frage stellen.
3. Senden Sie eine Nachricht mit der Bitte, eine One-Click-Zahlungsmethode einzurichten. Geben Sie Folgendes an:
   • Eine One-Click-Zahlungsmethode – Apple Pay.
   • Die zum Öffnen des Zahlungsportals verwendete Domain, z. B.: amazing.store.com.
   • Projekt-IDs, für die Sie die One-Click-Zahlungsmethode einrichten möchten.

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);