Introduction : OTP fait généralement référence aux mots de passe à usage unique. Le mot de passe à usage unique (OTP), également appelé « mot de passe à usage unique », désigne un mot de passe qui ne peut être utilisé qu’une seule fois. Le mot de passe à usage unique est basé sur un algorithme spécial qui génère une combinaison imprévisible de nombres aléatoires toutes les 60 secondes, et le mot de passe à usage unique iKEY a été largement utilisé dans la finance, les télécommunications, les jeux en ligne et d’autres domaines, protégeant efficacement la sécurité des utilisateurs.
Les applications courantes incluent : Google Authenticator, jeton QQ, etc.
Regardons d’abord les rendus, comme montré ci-dessous :
Commencez par créer un projet de démonstration otp-one-time-password en utilisant angular-cli avec la commande suivante :
Installez le plugin OTP, qui est le plugin pour l’algorithme de chiffrement, et le code est le suivant :
La barre de progression a été écrite par moi en référence à ng-simple-progress-bar, car son plugin ne peut pas configurer la progression manuellement.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
Voici principalement notre interface principale et le code pour générer des mots de passe dynamiques.
app.component.html
app.component.scss
app.component.ts
Enfin, joignez l’adresse de téléchargement du code source :
Touristes, si vous voulez voir le contenu caché de ce post, s’il vous plaît Répondre
|