1.5.2 Verbinden von ACCS mit der AEM Sites CS/EDS-Storefront
In dieser Übung verknüpfen Sie die AEM Sites CS/EDS-Storefront mit dem ACCS-Backend. Wenn Sie im Moment Ihre AEM Sites CS/EDS-Storefront öffnen und zur Produktlistenseite Telefone gehen, sehen Sie noch keine Produkte.
Am Ende dieser Übung sollten die Produkte, die Sie in der vorherigen Übung konfiguriert haben, auf der Produktlistenseite "" Ihrer AEM Sites CS/EDS-Storefront angezeigt werden.
Navigieren Sie zu https://experience.adobe.com/. Stellen Sie sicher, dass Sie sich in der richtigen Umgebung befinden, die --aepImsOrgName-- benannt werden sollte. Auf Commerce.
Klicken Sie auf info-Symbol neben Ihrer ACS-Instanz, die --aepUserLdap-- - ACCS benannt werden sollte.
Sie sollten das dann sehen. Kopieren Sie den GraphQL-Endpunkt.
Navigieren Sie zu https://da.live/app/adobe-commerce/storefront-tools/tools/config-generator/config-generator. Sie müssen jetzt eine config.json-Datei generieren, mit der Ihre AEM Sites CS-Storefront mit Ihrem ACCS-Backend verknüpft wird.
Fügen Sie auf Seite "" die kopierte GraphQL Endpunkt-URL ein.
Klicken Sie Generieren.
Kopieren Sie die vollständige generierte JSON-Payload.
Gehen Sie zum GitHub-Repository, das beim Einrichten Ihrer AEM Sites CS/EDS-Umgebung erstellt wurde. Dieses Repository wurde in der Übung 1.1.2 Einrichten der AEM CS-Umgebung erstellt sollte den Namen "-aem-accs erhalten.
Scrollen Sie im Stammverzeichnis nach unten und klicken Sie, um die Datei (.json) öffnen.
Verwenden Sie das Symbol Bearbeiten.
Entfernen Sie den gesamten aktuellen Text und ersetzen Sie ihn, indem Sie die JSON-Payload einfügen, die Sie auf die Seite "" kopiert.
Klicken Sie Änderungen übernehmen….
Klicken Sie Änderungen übernehmen.
Die config.json wurde jetzt aktualisiert. Sie sollten Ihre Änderungen innerhalb weniger Minuten auf der Website sehen. Die Möglichkeit, zu überprüfen, ob die Änderungen erfolgreich erfasst wurden, besteht darin, zur Produktseite Telefone zu wechseln. Auf der Seite sollte nun iPhone Air angezeigt werden.
Um auf Ihre Website zuzugreifen, müssen Sie zu main--citisignal-aem-accs--XXX.aem.page und/oder main--citisignal-aem-accs--XXX.aem.live gehen, nachdem Sie XXX durch Ihr GitHub-Benutzerkonto ersetzt haben, was in diesem Beispiel woutervangeluwe ist.
In diesem Beispiel lautet die vollständige URL wie folgt:https://main--citisignal-aem-accs--woutervangeluwe.aem.page und/oder https://main--citisignal-aem-accs--woutervangeluwe.aem.live.
Obwohl das Produkt jetzt erfolgreich angezeigt wird, ist noch kein Bild für das Produkt verfügbar. Sie werden in der nächsten Übung den Link mit AEM Assets CS für Produktbilder einrichten.
Nächster Schritt: Verbinden von ACCS mit AEM Assets CS
Zurück zu Adobe Commerce as a Cloud Service