在 Ionic 中使用 Md5 加密密码

Question

我在使用 md5 加密密码时遇到问题。我为 md5 安装了 npm，然后导入到我的 login.ts 并像这样应用于 login.data.password：

import { Md5 } from 'ts-md5/dist/md5';

loginData = { username:'', password:'' };

Md5.hashStr(this.loginData.password);
console.log(this.loginData);

在我的 html 表格中我有这个：

<ion-input [(ngModel)]="loginData.password" name="password" type="password" placeholder="Password"></ion-input>

如何在 login.data.password 上使用 md5？谢谢

Answer 1

您可能应该在 registration/login 期间用户继续操作后散列您的密码。

如果您仍想每次都对其进行哈希处理，那么您可以创建用于对普通密码进行哈希处理的函数 -

  passwordPlain: string;

  hashPassword(plain : string){
    console.log("changed called: " + plain);
    //Hash plain password and save it
    this.loginData.password =  (Md5.hashStr(plain) as string);
  }

和每次输入更改时调用它 with (ngModelChange) -

<ion-input [ngModel]="passwordPlain" (ngModelChange)="hashPassword($event)" name="password" type="password" placeholder="Password"></ion-input>

或（更好）在用户单击按钮后继续 login/registration

<button ion-button (click)="hashPassword(passwordPlain)"></button>

正如 Juan 所说，请注意，使用 s MD5 可能不是一个好主意。

在 Ionic 中使用 Md5 加密密码

Use Md5 to encypt password in Ionic

md5

typescript

ionic-framework

ionic3