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

在用户进行注册/登录后，您可能应该对密码进行哈希处理。

如果您仍然希望每次都对其进行哈希处理，则可以创建用于对普通密码进行哈希处理的功能-

  passwordPlain: string;

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

使用（ngModelChange）-

每次输入更改时

和调用它

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

，或者在用户单击按钮进行登录/注册后（更好）

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

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

使用Md5加密Ionic中的密码

1 个答案: