Inleiding: OTP verwijst over het algemeen naar eenmalige wachtwoorden. Eenmalig wachtwoord (OTP), ook bekend als "eenmalig wachtwoord", verwijst naar een wachtwoord dat slechts één keer gebruikt kan worden. Het eenmalige wachtwoord is gebaseerd op een speciaal algoritme dat elke 60 seconden een onvoorspelbare combinatie van willekeurige getallen genereert, en het iKEY eenmalige wachtwoord wordt veel gebruikt in financiën, telecommunicatie, online games en andere sectoren, waardoor de veiligheid van gebruikers effectief beschermd wordt.
Veelvoorkomende toepassingen zijn onder andere: Google authenticator, QQ-token, enzovoort.
Laten we eerst naar de renderings kijken, zoals hieronder getoond:
Maak eerst een otp-eenmalig-wachtwoord-demoproject aan met angular-cli en het volgende commando:
Installeer de OTP-plugin, die de plugin is voor het encryptie-algoritme, en de code is als volgt:
De voortgangsbalk is door mij geschreven met verwijzing naar ng-simple-progress-bar, omdat zijn plugin de voortgang niet handmatig kan instellen.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
Het volgende is voornamelijk onze hoofdinterface en de code om dynamische wachtwoorden te genereren.
app.component.html
app.component.scss
app.component.ts
Voeg tenslotte het broncode downloadadres toe:
Toeristen, als jullie de verborgen inhoud van dit bericht willen zien, alsjeblieft Antwoord
| 
Geplaatst op 24-07-2020 17:52:09
|
|
|
|
Huisbaas