Introduzione: OTP generalmente si riferisce a password a uso unico. One Use Password (OTP), nota anche come "one-use password", si riferisce a una password che può essere usata solo una volta. La password uniuso si basa su un algoritmo speciale che genera una combinazione imprevedibile di numeri casuali ogni 60 secondi, e la password iKEY usa è stata ampiamente utilizzata in finanza, telecomunicazioni, giochi online e altri settori, proteggendo efficacemente la sicurezza degli utenti.
Le applicazioni più comuni includono: Google Authenticator, token QQ, ecc.
Diamo prima un'occhiata ai rendering, come mostrato qui sotto:
Per prima cosa, crea un progetto demo otp-one-time-password usando angular-cli con il seguente comando:
Installa il plugin OTP, che è il plugin per l'algoritmo di crittografia, e il codice è il seguente:
La barra di progresso è stata scritta da me riferendosi a ng-simple-progress-bar, perché il suo plugin non può impostare manualmente i progressi.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
Quanto segue è principalmente la nostra interfaccia principale e il codice per generare password dinamiche.
app.component.html
app.component.scss
app.component.ts
Infine, allega l'indirizzo di download del codice sorgente:
Turisti, se volete vedere il contenuto nascosto di questo post, vi prego Risposta
| 
Pubblicato su 24/07/2020 17:52:09
|
|
|
|
Padrone di casa