Вступ: OTP зазвичай означає одноразові паролі. Одноразовий пароль (OTP), також відомий як «одноразовий пароль», стосується пароля, який можна використовувати лише один раз. Одноразовий пароль базується на спеціальному алгоритмі, який генерує непередбачувану комбінацію випадкових чисел кожні 60 секунд, а одноразовий пароль iKEY широко використовується у фінансах, телекомунікаціях, онлайн-іграх та інших сферах, ефективно захищаючи безпеку користувачів.
Поширені застосування включають: Google Authenticator, QQ token тощо.
Давайте спочатку розглянемо рендери, як показано нижче:
Спочатку створіть демо-проєкт otp-one-one-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
Нарешті, додайте адресу для завантаження вихідного коду:
Туристи, якщо ви хочете побачити прихований контент цього допису, будь ласка Відповідь
|