时间戳

首页 > 解决方案 > 在 Ionic 中使用 Md5 加密密码

typescript - 在 Ionic 中使用 Md5 加密密码

问题描述

我在使用 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？谢谢

标签： typescriptionic-frameworkionic3md5

解决方案

用户在注册/登录过程中继续操作后，您可能应该散列您的密码。

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

  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 可能不是一个好主意。

推荐阅读