Pendahuluan: OTP umumnya mengacu pada kata sandi satu kali. One Time Password (OTP), juga dikenal sebagai "kata sandi sekali pakai", mengacu pada kata sandi yang hanya dapat digunakan satu kali. Kata sandi satu kali didasarkan pada algoritme khusus yang menghasilkan kombinasi angka acak yang tidak dapat diprediksi setiap 60 detik, dan kata sandi satu kali iKEY telah banyak digunakan dalam keuangan, telekomunikasi, game online, dan bidang lainnya, secara efektif melindungi keamanan pengguna.
Aplikasi umum meliputi: Pengautentikasi Google, token QQ, dll.
Mari kita lihat renderingnya terlebih dahulu, seperti yang ditunjukkan di bawah ini:
Pertama, buat proyek otp-one-time-password-demo menggunakan angular-cli dengan perintah berikut:
Instal plugin OTP, yang merupakan plugin untuk algoritma enkripsi, dan kodenya adalah sebagai berikut:
Bilah kemajuan ditulis oleh saya dengan mengacu pada ng-simple-progress-bar, karena pluginnya tidak dapat mengatur kemajuan secara manual.
progress-bar.component.html
bilah kemajuan.komponen.scss
progress-bar.component.ts
Berikut ini terutama antarmuka utama kami dan kode untuk menghasilkan kata sandi dinamis.
app.component.html
app.component.scss
app.component.ts
Terakhir, lampirkan alamat unduhan kode sumber:
Wisatawan, jika Anda ingin melihat konten tersembunyi dari posting ini, silakan Jawab
|