Angular 9 sērija (XII) ģenerē dinamiskus žetonus, pamatojoties uz OTP

Maz putas · Publicēts 24.07.2020 17:52:09

Angular 9 sērijas (1) dinamiski noslogoti komponenti
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 sērijas (2) dinamisko komponentu transmisijas parametri
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 sērija (3) abonē dinamisko komponentu notikumus
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 sērijas (IV) pielāgoti cauruļu cauruļvadi
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 sērija (V) formatē summas valūtas formātu
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 sērija (VI) izsauc vietējos JS mainīgos un metodes
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 sērijas (VII) CSS stila tvērums
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 sērija (VIII) atjaunina bērnkomponenta vērtību, aktivizējot notikumu, izmantojot kopu
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 sērija (deviņi) #id lappusē lietotais atlasītājs
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 sērija (10) iegulda vconsole un eruda izstrādātāju atkļūdošanas paneļus
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 sērija (XI): 5 veidi, kā definēt stilus
https://www.itsvse.com/thread-9305-1-1.html

Ievads: OTP parasti attiecas uz vienreizējām parolēm. Vienreizējā parole (OTP), kas pazīstama arī kā "vienreizējā parole", attiecas uz paroli, kuru var izmantot tikai vienu reizi. Vienreizējā parole ir balstīta uz īpašu algoritmu, kas ik pēc 60 sekundēm ģenerē neparedzamu nejaušu skaitļu kombināciju, un iKEY vienreizējā parole ir plaši izmantota finanšu, telekomunikāciju, tiešsaistes spēļu un citās jomās, efektīvi aizsargājot lietotāju drošību.

Izplatītākās lietojumprogrammas ir: Google autentifikators, QQ marķieris utt.

Vispirms apskatīsim renderējumus, kā parādīts tālāk:

.NET/C# ģenerē vienreizējas paroles, pamatojoties uz TOTP
https://www.itsvse.com/thread-9327-1-1.html

Vispirms izveidojiet otp-one-time-password-demo projektu, izmantojot angular-cli ar šādu komandu:

Pieteikšanās ir redzama.

Instalējiet OTP spraudni, kas ir šifrēšanas algoritma spraudnis, un kods ir šāds:

Pieteikšanās ir redzama.

Progresa joslu es uzrakstīju, atsaucoties uz ng-simple-progress-bar, jo viņa spraudnis nevar iestatīt progresu manuāli.

progress-bar.component.html

Pieteikšanās ir redzama.

progress-bar.component.scss

Pieteikšanās ir redzama.

progress-bar.component.ts

Pieteikšanās ir redzama.

Šis galvenokārt ir mūsu galvenais interfeiss un kods dinamisko paroļu ģenerēšanai.

app.component.html

Pieteikšanās ir redzama.

app.component.scss

Pieteikšanās ir redzama.

app.component.ts

Pieteikšanās ir redzama.

Visbeidzot, pievienojiet avota koda lejupielādes adresi: