Introdução: OTP geralmente se refere a senhas de uso único. Senha de Uso Único (OTP), também conhecida como "senha de uso único", refere-se a uma senha que só pode ser usada uma vez. A senha de uso único é baseada em um algoritmo especial que gera uma combinação imprevisível de números aleatórios a cada 60 segundos, e a senha iKEY de uso único tem sido amplamente usada em finanças, telecomunicações, jogos online e outras áreas, protegendo efetivamente a segurança dos usuários.
Aplicações comuns incluem: Google Authenticator, token QQ, etc.
Vamos dar uma olhada primeiro nas renderizações, como mostrado abaixo:
Primeiro, crie um projeto otp-one-time-password-demo usando angular-cli com o seguinte comando:
Instale o plugin OTP, que é o plugin para o algoritmo de criptografia, e o código é o seguinte:
A barra de progresso foi escrita por mim com referência ao ng-simple-progress-bar, porque o plugin dele não consegue configurar o progresso manualmente.
progress-bar.component.html
progress-bar.component.scss
progress-bar.component.ts
A seguir, estamos principalmente na nossa interface principal e no código para gerar senhas dinâmicas.
app.component.html
app.component.scss
app.component.ts
Por fim, anexe o endereço de download do código-fonte:
Turistas, se quiserem ver o conteúdo oculto deste post, por favor Resposta
| 
Publicado em 24/07/2020 17:52:09
|
|
|
|
Senhorio