Einleitung: OTP bezeichnet im Allgemeinen Einmalpasswörter. Das Einmalpasswort (OTP), auch bekannt als "Einmalpasswort", bezeichnet ein Passwort, das nur einmal verwendet werden kann. Das Einmalpasswort basiert auf einem speziellen Algorithmus, der alle 60 Sekunden eine unvorhersehbare Kombination von Zufallszahlen erzeugt, und das iKEY-Einmalpasswort wird in Finanzen, Telekommunikation, Online-Spielen und anderen Bereichen weit verbreitet eingesetzt, wodurch es die Sicherheit der Nutzer effektiv schützt.
Gängige Anwendungen sind: Google Authenticator, QQ-Token usw.
Schauen wir uns zuerst die Renderings an, wie unten gezeigt:
Erstellen Sie zunächst ein otp-One-Time-Passwort-Demo-Projekt mit angular-cli und folgendem Befehl:
Installiere das OTP-Plugin, das das Plugin für den Verschlüsselungsalgorithmus ist, und der Code ist wie folgt:
Die Fortschrittsleiste habe ich mit Bezug auf ng-simple-progress-bar geschrieben, weil sein Plugin den Fortschritt nicht manuell einstellen kann.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
Das Folgende ist hauptsächlich unsere Hauptoberfläche und der Code zur Erstellung dynamischer Passwörter.
app.component.html
app.component.scss
app.component.ts
Fügen Sie schließlich die Quellcode-Download-Adresse an:
Touristen, wenn ihr den versteckten Inhalt dieses Beitrags sehen wollt, bitte Antwort
|