Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Vue: 11861|Répondre: 1

[Angulaire] La série Angular 9 (XII) génère des jetons dynamiques basés sur des OTP

[Copié le lien]
Publié sur 24/07/2020 17:52:09 | | | |
Composants dynamiquement chargés de la série Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Paramètres de transmission dynamique des composants de la série angulaire 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La série Angular 9 (3) s’inscrit aux événements dynamiques à composants
https://www.itsvse.com/thread-9246-1-1.html

Canalisations personnalisées Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formate le format de la monnaie de la quantité
https://www.itsvse.com/thread-9249-1-1.html

La série angulaire 9 (VI) appelle des variables et méthodes JS natives
https://www.itsvse.com/thread-9254-1-1.html

Lunette CSS de type CSS de la série Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

La série angulaire 9 (VIII) met à jour la valeur d’un composant enfant en déclenchant un événement via un ensemble
https://www.itsvse.com/thread-9267-1-1.html

Série Angular 9 (neuf) #id sélectionneur appliqué sur la page
https://www.itsvse.com/thread-9278-1-1.html

La série Angular 9 (10) intègre les panneaux de débogage des développeurs vconsole et eruda
https://www.itsvse.com/thread-9286-1-1.html

Série Angular 9 (XI) : 5 façons de définir les styles
https://www.itsvse.com/thread-9305-1-1.html

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 :


.NET/C# génère des mots de passe à usage unique basés sur TOTP
https://www.itsvse.com/thread-9327-1-1.html

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îtRépondre





Précédent:Discuz effectue une série d’opérations d’enregistrement
Prochain:Différence dynamique entre OTP, TOTP et HOTP des tokens
 Propriétaire| Publié sur 25/07/2020 16:16:15 |
Il y a un problème avec le mot de passe généré par ce plugin dans sha256, il est recommandé d’utiliser OTPAuth, le code est le suivant :


Le test est correct en modes SHA256 et SHA512.

Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.

Mail To:help@itsvse.com