Hack System
  • Hack System
  • Commencer Ici
    • Installation
    • Page
  • Features
    • 📝Gestion du Contenu
    • 🔓Auth (classique)
  • APIs
    • 👤Groupe API : Authentication
      • 💚POST : Auth Login
      • 💚POST : Auth Signup
      • 💙GET : Auth User
      • 💙GET : Linkedin Continue
      • 💙GET : Linkedin Init
      • 💙GET : Reset Password
      • 💚POST : Reset Password
    • ✍️Groupe API : Content
      • 💙GET : Content
    • ⚙️Groupe API : Settings
      • 💛PUT user/password
      • 💛PUT user/profile
    • 🗒️Groupe API : Waitinglist
      • 💙POST waitinglist
  • 🗃️Base de données
    • 🪪users
    • 📧transactional_emails
    • 📬messages
    • 🏗️App_structure
    • ✍️Content_strings
    • 🗒️Waitinglist
    • 🏢Workspace
  • 🔁Fonctions Xano
    • 📚Notes : Fonctions
    • 🚫Fonction : Error Empty Email
    • 🚫Fonction : Error Empty Password
    • 🚫Fonction : Error Existing Email
    • 🚫Fonction : Error Not Existing User
    • ℹ️Fonction : Information Good Password
    • 🤵Fonction : LinkedIn OAuth Get Access Token
    • 🤵Fonction : LinkedIn OAuth Get Authentication URL
    • 🤵Fonction : LinkedIn OAuth Get User Information
    • 📨Fonction : Send Email
Propulsé par GitBook
Sur cette page

Cet article vous a-t-il été utile ?

  1. Features

Auth (classique)

Fonctionnement

Webflow/Wized

Configuration initiale

Assurez-vous que le composant "Feature / Auth (classic)" est présent sur la page Webflow.

Éléments de base du composant :

  1. Bouton login avec l'attribut auth_start_login

  2. Bouton signup avec l'attribut auth_start_signup

  3. Modal avec l'attribut auth

Fonctionnement général

La variable Wized v.auth gère l'affichage/masquage de la modal et les différentes étapes d'authentification.

  • Clic sur auth_start_login : v.auth = "login"

  • Clic sur auth_start_signup : v.auth = "signup"

  • v.auth vide : modal masquée

  • v.auth non vide : modal affichée avec contenu adapté

Valeurs possibles de v.auth :

  • signup : Écran d'inscription

  • login : Écran de connexion

  • password : Écran "Mot de passe oublié"

  • reset_password : Écran de réinitialisation du mot de passe

Inputs et leur utilisation

Les mêmes inputs sont utilisés sur chaque écran, mais leur utilisation varie selon la valeur de v.auth.

  1. Signup et Login :

    • auth_email : Champ email

    • auth_password : Champ mot de passe

  2. Écran "password" :

    • auth_email : Pour récupérer l'email de réinitialisation

    • auth_password : Masqué

  3. Écran "reset_password" :

    • auth_email : Pour le code de confirmation

    • auth_password : Pour le nouveau mot de passe

Personnalisation du contenu

Pour modifier le contenu des éléments (titres, messages, textes des boutons, etc.), veuillez vous référer à la table "content_strings". Consultez la page dédiée pour plus d'informations sur la gestion et la modification de ces chaînes de caractères.

Flux d'authentification

  1. L'utilisateur clique sur "Login" ou "Signup"

  2. La modal s'ouvre avec l'écran correspondant

  3. L'utilisateur remplit les champs requis

  4. En cas d'oubli de mot de passe, l'utilisateur peut naviguer vers l'écran "password"

  5. Après avoir reçu le code de réinitialisation, l'utilisateur est dirigé vers l'écran "reset_password"

Points importants

  • La variable v.auth contrôle tout le flux d'authentification

  • Les inputs sont réutilisés mais leur fonction change selon l'écran

  • Tout le contenu textuel peut être personnalisé via la table "content_strings"

PrécédentGestion du ContenuSuivantGroupe API : Authentication

Dernière mise à jour il y a 9 mois

Cet article vous a-t-il été utile ?

🔓