Εισαγωγή: Το OTP αναφέρεται γενικά σε κωδικούς πρόσβασης μίας χρήσης. Ο κωδικός πρόσβασης μίας χρήσης (OTP), γνωστός και ως "κωδικός πρόσβασης μίας χρήσης", αναφέρεται σε έναν κωδικό πρόσβασης που μπορεί να χρησιμοποιηθεί μόνο μία φορά. Ο κωδικός πρόσβασης μίας χρήσης βασίζεται σε έναν ειδικό αλγόριθμο που δημιουργεί έναν απρόβλεπτο συνδυασμό τυχαίων αριθμών κάθε 60 δευτερόλεπτα και ο κωδικός πρόσβασης μίας χρήσης iKEY έχει χρησιμοποιηθεί ευρέως στα οικονομικά, τις τηλεπικοινωνίες, τα διαδικτυακά παιχνίδια και άλλους τομείς, προστατεύοντας αποτελεσματικά την ασφάλεια των χρηστών.
Οι κοινές εφαρμογές περιλαμβάνουν: Επαληθευτή Google, διακριτικό QQ κ.λπ.
Ας ρίξουμε μια ματιά στις αποδόσεις πρώτα, όπως φαίνεται παρακάτω:
Αρχικά, δημιουργήστε ένα έργο otp-one-time-password-demo χρησιμοποιώντας το angular-cli με την ακόλουθη εντολή:
Εγκαταστήστε το πρόσθετο OTP, το οποίο είναι το πρόσθετο για τον αλγόριθμο κρυπτογράφησης και ο κώδικας έχει ως εξής:
Η γραμμή προόδου γράφτηκε από εμένα με αναφορά στο ng-simple-progress-bar, επειδή το πρόσθετό του δεν μπορεί να ρυθμίσει την πρόοδο χειροκίνητα.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
Το παρακάτω είναι κυρίως η κύρια διεπαφή μας και ο κώδικας για τη δημιουργία δυναμικών κωδικών πρόσβασης.
app.component.html
app.component.scss
app.component.ts
Τέλος, επισυνάψτε τη διεύθυνση λήψης του πηγαίου κώδικα:
Τουρίστες, αν θέλετε να δείτε το κρυφό περιεχόμενο αυτής της ανάρτησης, παρακαλώ Απάντηση
|