Passer au contenu principal
La classe LoginId implémente la fonctionnalité de l’écran login-id. Cet écran recueille l’identifiant et le mot de passe de l’utilisateur. Selon votre locataire, cet identifiant peut être un courriel, un numéro de téléphone ou un nom d’utilisateur.

​
Constructeurs

Créez une instance du gestionnaire de l’écran LoginId :
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();

​
Propriétés

​
branding
BrandingMembers
Fournit des configurations liées à l’image de marque, comme le thème et les paramètres visuels.
​
client
ClientMembers
Fournit des configurations liées à l’application, comme id, name et logoUrl, pour l’écran login-id.
​
organization
OrganizationMembers
Fournit des renseignements sur l’Organisation de l’utilisateur, comme id et name.
​
prompt
PromptMembers
Contient des données sur l’invite en cours dans le flux d’authentification.
​
screen
ScreenMembersOnLoginId
Contient des détails propres à l’écran login-id, notamment sa configuration et son contexte.
​
tenant
TenantMembers
Contient des données liées au locataire, comme id et les métadonnées associées.
​
transaction
TransactionMembersOnLoginId
Fournit des données propres à la transaction pour l’écran login-id, comme les identifiants actifs et les états du flux.
​
untrustedData
UntrustedDataMembers
Contient les données non fiables transmises au SDK, comme les entrées utilisateur pendant la connexion.
​
user
UserMembers
Détails de l’utilisateur actif, y compris username, email et roles.

​
Méthodes

​
changeLanguage
Promise<void>
Cette méthode modifie la langue d’affichage de la page Universal Login.
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.changeLanguage({
  language: 'fr',
});
Paramètres de la méthode
​
federatedLogin
Promise<void>
Cette méthode redirige l’utilisateur vers le fournisseur d’identité (IdP) social ou d’entreprise pour s’authentifier.
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.federatedLogin({
  connection: "google-oauth2"
});
Paramètres de la méthode
​
getErrors
Error[]
Cette méthode récupère dans le contexte le tableau des erreurs de transaction, ou un tableau vide s’il n’y en a aucune.
​
getLoginIdentifiers
ScreenIdentifierType[] | null
Cette méthode récupère les types d’identifiants actifs pour l’écran login-id.
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.getLoginIdentifiers();
​
login
Promise<void>
Cette méthode demande à l’utilisateur de saisir son nom d’utilisateur.
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.login({
  username: "testUser"
});
Paramètres de la méthode
​
passkeyLogin
Promise<void>
Cette méthode authentifie l’utilisateur à l’aide de la clé d’accès fournie et, en cas de réussite, le redirige vers redirect_url.
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.passkeyLogin();
Paramètres de la méthode
​
pickCountryCode
Promise<void>
Cette méthode redirige l’utilisateur vers la liste de sélection des indicatifs de pays, où il peut modifier l’indicatif de pays de son numéro de téléphone.
Example
import LoginId from "@auth0/auth0-acul-js/login-id";
const loginIdManager = new LoginId();
loginIdManager.pickCountryCode();
Paramètres de la méthode
​
registerPasskeyAutofill
Promise<void>
Cette méthode initialise une demande passive d’identifiants WebAuthn au moyen de navigator.credentials.get() avec mediation: conditional. Lorsqu’elle est prise en charge, elle permet au navigateur d’afficher les clés d’accès enregistrées directement dans la liste déroulante de saisie semi-automatique du champ de nom d’utilisateur.
Example
import LoginId from '@auth0/auth0-acul-js/login-id';

async function initializeLogin() {
  const loginId = new LoginId();
  await loginId.registerPasskeyAutofill('username');
}

initializeLogin().catch(console.error);
Paramètres de la méthode