Mit Memberstack ist die Einrichtung von Google Login ganz einfach. So geht's:

Teil 1: Das Backend

Hier ist ein Link zur Google Developer Console.

Um Ihre App vollständig zu veröffentlichen und zu verifizieren, müssen Sie diese von Google bereitgestellten Anweisungen befolgen. Dies dauert in der Regel 2-3 Werktage, kann aber auch bis zu 6 Wochen dauern.

Teil 2: Das Frontend

Wenn Sie die vorgefertigte Anmelde-, Login- oder Profil-UI von Memberstack verwenden, sind Sie bereits fertig. Aktivierte Social-Auth-Anbieter werden automatisch in der vorgefertigten Benutzeroberfläche angezeigt.

Wenn Sie Ihrem Webflow-Projekt eine Social-Authentifizierungs-Schaltfläche hinzufügen möchten, gehen Sie folgendermaßen vor: 

Anmelde- und Login-Formulare

Wir empfehlen, eine Ihrer Webflow-Schaltflächen für die soziale Authentifizierung zu kopieren. Sie sind zu 100 % in Webflow integriert, haben bereits die Attribute, die Sie benötigen, und lassen sich leicht anpassen: 

A) Lichtthema Verknüpfte Schaltfläche

B) Dunkles Thema Verknüpfte Schaltfläche

Ihr eigenes von Grund auf zu erstellen: 

1. Erstellen Sie einen Link-Block mit dem Attribut data-ms-auth-provider="linkedin".
2. Fügen Sie das LinkedIn-Logo hinzu.
3. Fügen Sie den Text Ihrer Schaltfläche hinzu. Wir empfehlen etwas wie "Weiter mit LinkedIn".

Das war's mit den Schaltflächen für die Anmeldung und das Login. Profilschaltflächen haben ein paar zusätzliche Elemente.

Profil-Formulare

In diesem Tutorial werden wir eine Benutzeroberfläche für Mitglieder erstellen, um Anbieter zu verbinden, zuvor verbundene Anbieter anzuzeigen und (optional) Anbieter zu trennen.

https://docs.memberstack.com/hc/en-us/articles/9188250184603