IdentityProvider

Experimentell: Dies ist eine experimentelle Technologie
berprfen Sie die Browser-Kompatibilittstabelle sorgfltig vor der Verwendung auf produktiven Webseiten.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen untersttzenden Browsern verfgbar.

Das IdentityProvider-Interface der Federated Credential Management (FedCM) API reprsentiert einen IdP und bietet Zugriff auf verwandte Informationen und Funktionalitten.

Statische Methoden

close(): Bietet ein manuelles Signal an den Browser, dass ein IdP-Anmeldefluss abgeschlossen ist. Dies ist beispielsweise notwendig, um das IdP-Anmeldedialogfenster zu schlieen, wenn die Anmeldung vollstndig abgeschlossen ist und der IdP das Sammeln von Daten vom Benutzer beendet hat.
getUserInfo(): Gibt Informationen ber einen zuvor angemeldeten Benutzer bei seiner Rckkehr zu einem IdP zurck, die genutzt werden knnen, um eine personalisierte Willkommensnachricht und Anmeldeschaltflche bereitzustellen.

Beispiele

Grundlegende Nutzung von `IdentityProvider.getUserInfo()`

Das folgende Beispiel zeigt, wie die Methode getUserInfo() verwendet werden kann, um Informationen ber einen zuvor angemeldeten Benutzer von einem spezifischen IdP zurckzugeben.

// Iframe displaying a page from the https://idp.example origin
const userInfo = await IdentityProvider.getUserInfo({
  configURL: "https://idp.example/fedcm.json",
  clientId: "client1234",
});

// IdentityProvider.getUserInfo() returns an array of user information.
if (userInfo.length > 0) {
  // Returning accounts should be first, so the first account received
  // is guaranteed to be a returning account
  const name = userInfo[0].name;
  const givenName = userInfo[0].given_name;
  const displayName = givenName || name;
  const picture = userInfo[0].picture;
  const email = userInfo[0].email;

  // 

  // Render a personalized sign-in button using the information returned above
}