uni-app项目登入密码加密（MD5加密和crypto-js）

说明：MD5加密保密性好像没有crypto-js好，MD5在控制台中一些地方好像还是能看到密码

一、MD5加密

1.安装

npm install blueimp-md5

2.使用

fn() {
    let md5 = require("blueimp-md5/js/md5")//引入
    var password = md5("12346")//使用
    console.log(password, "password");
}

3.说明

全过程只需要安装，无需特别的注册、引用

二、crypto-js加密

1. 安装插件

npm install crypto-js

2. 在根目录下新建uilts文件夹,新建crypto.js（文件名最好不要改）用于封装加密方法

在/uilts/crypto.js中

import CryptoJS from 'crypto-js'
// 加密
const keyStr = '-mall4j-password' // 解密用的key
export function encrypt(word) {
    const time = Date.now()
    const key = CryptoJS.enc.Utf8.parse(keyStr)
    const srcs = CryptoJS.enc.Utf8.parse(time + word) // 加密方式: 时间戳 + 密文
    const encrypted = CryptoJS.AES.encrypt(srcs, key, {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    })
    return encrypted.toString()
}

3. 使用

import {encrypt} from '../../utils/crypto.js'//引入加密方法
import {request} from '../../utils/http.js'
import {loginpath} from '../../utils/api.js'

//登入点击事件
userPath() {
    const userName = this.userName
    const passWord = encrypt(this.passWord)//加密处理
    request(loginpath, {
        userName,
        passWord
    }, "post").then(res => {
        if(200==res.statusCode){
            uni.setStorageSync('token', res.data.accessToken)
            uni.switchTab({
                url: '/pages/user/user'
            })
        }else{
            uni.showToast({
                title:res.data,
                duration:500
            })
        }
    })
}