Wprowadzenie: OTP zazwyczaj odnosi się do jednorazowych haseł. Jednorazowe hasło (OTP), znane również jako "jednorazowe hasło", odnosi się do hasła, które można użyć tylko raz. Jednorazowe hasło opiera się na specjalnym algorytmie, który generuje nieprzewidywalną kombinację losowych liczb co 60 sekund, a jednorazowe hasło iKEY jest szeroko stosowane w finansach, telekomunikacji, grach online i innych dziedzinach, skutecznie chroniąc bezpieczeństwo użytkowników.
Do popularnych zastosowań należą: Google Authenticator, token QQ itd.
Przyjrzyjmy się najpierw wizualizacjom, jak pokazano poniżej:
Najpierw stwórz projekt demonstracyjny otp z jednorazowym hasłem za pomocą angular-cli za pomocą następującego polecenia:
Zainstaluj wtyczkę OTP, która jest wtyczką algorytmu szyfrowania, a kod wygląda następująco:
Pasek postępu napisałem przeze mnie w odniesieniu do ng-simple-progress-bar, ponieważ jego wtyczka nie może ręcznie ustawić postępu.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
Poniżej znajduje się głównie nasz główny interfejs oraz kod do generowania dynamicznych haseł.
app.component.html
app.component.scss
app.component.ts
Na koniec załącz adres do pobrania kodu źródłowego:
Turyści, jeśli chcecie zobaczyć ukrytą zawartość tego wpisu, proszę Odpowiedź
| 
Opublikowano 24.07.2020 17:52:09
|
|
|
|
Ziemianin