Google One Tap

Über

Das Plugin bindet über einen `googleOneTap()`-Eintrag in der `payload.config` eine Google-One-Tap-Anmeldung in die Admin-Login-Seite von Payload ein. Clientseitig rendert es den Google-Button mit `@react-oauth/google` und sendet das erhaltene Credential per POST an `/oauth2/callback/google`. Dort wird es gegen ein Payload-Token ausgetauscht, sodass die bestehenden Admin-Workflows nach dem Login unverändert weiterlaufen. Serverseitig nutzt das Plugin die `passport-google-one-tap`-Strategie, die über `addStrategyToCollection` an die Admin-User-Collection angebunden wird. Existiert zu der E-Mail-Adresse kein User, legt das Plugin automatisch einen neuen Account mit zufälligem Passwort und `_verified: true` an. Bei einer bereits vorhandenen E-Mail-Adresse wird der bestehende User zurückgegeben. Die Button-Eigenschaften lassen sich konfigurieren: `type`, `theme`, `size`, `text`, `shape`, `logo_alignment`, `width`, `locale`, `useOneTap`, `auto_select` und `ux_mode`. Benötigt werden die Umgebungsvariablen `PAYLOAD_PUBLIC_GOOGLE_CLIENT_ID` und `GOOGLE_CLIENT_SECRET`. In `server.ts` ist `app.use(express.json())` erforderlich, ebenso wie eine angepasste `admin.webpack`-Konfiguration mit `resolve.fallback` (unter anderem `util`, `stream-browserify`, `fs: false`). Peer-Dependency ist Payload ^1.1.15. Das Plugin verwendet `react-router-dom` `useHistory` sowie `useAuth` und `useConfig` aus Payload und zielt damit auf das Legacy-Admin-Interface von Payload 1.x ab, nicht auf Payload 3.x.

Paketinformationen

Paketname

payload-plugin-google-one-tap

Neueste Version

1.0.7

Entpackte Größe

48 kB

Lizenz

MIT

Wöchentliche Downloads

1

Zuletzt veröffentlicht

22. Nov. 2022