- \n
- auth\/index.ts:<\/strong> Diese Datei enth\u00e4lt die zentrale Konfiguration und exportiert Schl\u00fcsselkomponenten, mit denen anderer Code interagieren kann. In dieser Datei wird der einfache BigCommerce-Authentifizierungsanbieter definiert und die Methode
getSessionCustomerAccessToken<\/code> exportiert. Mit ihr l\u00e4sst sich das Token des angemeldeten Kunden auf einfache Weise abrufen. Auch die Anmelde- und Abmeldevorg\u00e4nge der Storefront nutzen Funktionen, die aus dieser Datei exportiert werden.<\/li>\n\n\n\n- app\/api\/auth\/[\u2026nextauth]\/route.ts:<\/strong> Exportiert die von Auth.js ben\u00f6tigten API-Endpunkte.<\/li>\n\n\n\n
- middlewares\/with-auth.ts:<\/strong> Ruft bei allen Anfragen Auth.js auf, um sicherzustellen, dass die Kundensitzung aufrechterhalten bleibt.<\/li>\n<\/ul>\n\n\n\n
Sitzungssynchronisierung<\/h2>\n\n\n\n
Die GraphQL-Storefront-API unterst\u00fctzt die Synchronisierung der authentifizierten Sitzung eines Kunden zwischen verschiedenen Frontend-Anwendungen. In der Standardumgebung von Catalyst ist dies vor allem f\u00fcr den \u201eRedirected Checkout\u201c-Prozess relevant, da Kunden, die sich auf der Catalyst-Storefront angemeldet haben, auch beim Aufrufen der BigCommerce-Kasse angemeldet bleiben m\u00fcssen.<\/p>\n\n\n\n
Die GraphQL-Mutation \u201ecreateCartRedirectUrls\u201c, die zur Weiterleitung von Besuchern verwendet wird, ber\u00fccksichtigt das aktuelle Kundenzugriffstoken, und die tokenisierte Weiterleitungs-URL sorgt f\u00fcr die Synchronisierung sowohl des Warenkorbs als auch des authentifizierten Status, wenn der Besucher an der Kasse ankommt.<\/p>\n\n\n\n
Einzelheiten zum Weiterleitungsprozess finden Sie unter app\/[locale]\/(default)\/cart\/redirect-to-checkout.ts.<\/p>\n\n\n\n
Single Sign-On<\/h2>\n\n\n\n
Catalyst verwendet den URL-Pfad \/login\/token\/{token}, um einen Kunden mithilfe eines speziellen Tokens anstelle der vom Benutzer angegebenen Anmeldedaten anzumelden. Dies unterst\u00fctzt Single-Sign-On-Szenarien, bei denen die Identit\u00e4t eines Kunden bereits von einer externen Anwendung authentifiziert wurde.<\/p>\n\n\n\n
Dieser Vorgang erfordert ein JSON Web Token (JWT), das von einer registrierten BigCommerce-App signiert wurde und eine Nutzlast enth\u00e4lt, die den anzumeldenden Kunden identifiziert. Einzelheiten zur Generierung eines g\u00fcltigen JWT finden Sie unter \u201eCustomer Login API\u201c<\/a><\/strong> in der BigCommerce-Entwicklerdokumentation.<\/p>\n\n\n\n
![\"\"](\"https:\/\/www.bay20.com\/de\/wp-content\/uploads\/2026\/08\/single-sign-on-bigcommerce-catalyst.jpg\")
<\/figure>\n\n\n\nWeitere Informationen zur Catalyst-Implementierung finden Sie in den folgenden zugeh\u00f6rigen Dateien:<\/p>\n\n\n\n
- \n
- auth\/index.ts<\/strong> \u2013 Die hier verwendete GraphQL-Mutation \u201eloginWithCustomerLoginJwt\u201c ist f\u00fcr den Authentifizierungsprozess zust\u00e4ndig.<\/li>\n\n\n\n
- app\/[locale]\/(default)\/(auth)\/login\/token\/[token]\/route.ts<\/strong> \u2013 Diese Route verarbeitet die Anfrage an \/login\/token\/{token}.<\/li>\n<\/ul>\n\n\n\n
- app\/api\/auth\/[\u2026nextauth]\/route.ts:<\/strong> Exportiert die von Auth.js ben\u00f6tigten API-Endpunkte.<\/li>\n\n\n\n