LoginPassword

Décrit toutes les propriétés et méthodes disponibles pour personnaliser l’écran login-password d’Universal Login.

La classe LoginPassword implémente la fonctionnalité associée à l’écran login-password. Cet écran recueille l’identifiant et le mot de passe de l’utilisateur.

​

Constructeurs

Créez une instance du gestionnaire de l’écran LoginPassword :

Example

import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.login({
  username: "testUser",
  password: "testPassword"
});

​

Propriétés

branding · BrandingMembers

Fournit des configurations liées à l’image de marque, comme le thème d’image de marque et les paramètres.

client · ClientMembers

Fournit des configurations liées au client, comme id, name et logoUrl, pour l’écran login-password.

organization · OrganizationMembers

Fournit des renseignements sur l’Organization de l’utilisateur, comme id et name.

prompt · PromptMembers

Contient des données sur le prompt actuel dans le flux d’authentification.

screen · ScreenMembersOnLoginPassword

Contient des détails propres à l’écran login-password, y compris sa configuration et son contexte.

tenant · TenantMembers

Contient des données liées au tenant, comme id et les métadonnées associées.

transaction · TransactionMembersOnLoginPassword

Fournit des données propres à la transaction pour l’écran login-password, comme les identifiants actifs et les états du flux.

untrustedData · UntrustedDataMembers

Gère les données non fiables transmises au SDK, comme les données saisies par l’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 LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.changeLanguage({
  language: 'fr',
});

Paramètres de la méthode

Afficher Paramètres

options

LanguageChangeOptions.

language · string · requis

Le code de locale de la langue souhaitée (par exemple, 'en', 'fr', 'es').

persist? · "session"

Lorsqu’elle est définie sur 'session', la langue sélectionnée est conservée pendant toute la session.

federatedLogin · Promise<void>

Cette méthode redirige l’utilisateur vers le fournisseur d’identité Social ou le fournisseur d’identité Enterprise (IdP) pour l’authentification.

Example

import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.federatedLogin({
  connection: "google-oauth2"
});

Paramètres de la méthode

Afficher Paramètres

options

FederatedLoginPayloadOptions.

connection · string · requis

Le nom de la connexion du fournisseur d’identité Social ou Enterprise.

getErrors · Error []

Cette méthode récupère, à partir du contexte, le tableau des erreurs de transaction, ou un tableau vide s’il n’y en a pas.

login · Promise<void>

Cette méthode authentifie l’utilisateur à l’aide de l’identifiant et du mot de passe fournis.

Example

import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.login({
  username: "testUser",
  password: "testPassword"
});

Paramètres de la méthode

Afficher Paramètres

options

LoginPayloadOptions.

username · string · requis

L’identifiant de l’utilisateur.

password · string · requis

Le mot de passe de l’utilisateur.

captcha? · string

Le code captcha ou la réponse du fournisseur de CAPTCHA. Cette propriété est requise si Bot Detection est activé dans votre tenant Auth0.

[`key`: `string`] · "string" | "number" | "boolean" | "undefined"

Champs personnalisés supplémentaires préfixés par ulp- (par exemple, 'ulp-custom-field').

switchConnection · Promise<void>

Cette méthode permet de basculer entre une connexion de base de données (mot de passe) et une connexion Passwordless (Email/SMS OTP).

Example

import LoginPassword from "@auth0/auth0-acul-js/login-password";
const loginPasswordManager = new LoginPassword();
loginPasswordManager.switchConnection({
  connection: "email"
});

Paramètres de la méthode

Afficher Paramètres

options

SwitchConnectionOptionsLoginPassword.

connection · string · requis

Le nom de la connexion vers laquelle basculer. Utilisez 'email' ou 'sms' pour Passwordless, ou un nom de connexion DB pour l’authentification par mot de passe.