Introducción: OTP generalmente se refiere a contraseñas de un solo uso. La Contraseña de Un Uso (OTP), también conocida como "contraseña de un solo uso", se refiere a una contraseña que solo puede usarse una vez. La contraseña de un solo uso se basa en un algoritmo especial que genera una combinación impredecible de números aleatorios cada 60 segundos, y la contraseña de un solo uso iKEY se ha utilizado ampliamente en finanzas, telecomunicaciones, juegos en línea y otros campos, protegiendo eficazmente la seguridad de los usuarios.
Las aplicaciones comunes incluyen: Google Authenticator, token QQ, etc.
Vamos a echar un vistazo primero a las representaciones, como se muestra a continuación:
Primero, crea un proyecto otp-one-time-password-demo usando angular-cli con el siguiente comando:
Instala el plugin OTP, que es el plugin para el algoritmo de cifrado, y el código es el siguiente:
La barra de progreso la he escrito haciendo referencia a ng-simple-progress-bar, porque su plugin no puede configurar el progreso manualmente.
progress-bar.component.html
progres-bar.component.scss
progress-bar.component.ts
Lo siguiente es principalmente nuestra interfaz principal y el código para generar contraseñas dinámicas.
app.component.html
app.component.scss
app.component.ts
Finalmente, adjunta la dirección de descarga del código fuente:
Turistas, si queréis ver el contenido oculto de esta publicación, por favor Respuesta
|