vue前端密码加密,后端密码解密

一、前端VUE:

1、安装

npm install crypto-js

2、创建工具类(src/utils/asc.js)

import CryptoJS from 'crypto-js'

// 需要和后端一致
const KEY = CryptoJS.enc.Utf8.parse('1234567890123456');
const IV = CryptoJS.enc.Utf8.parse('1234567890123456');

export default {

  /**
   * 加密
   * @param {*} word
   * @param {*} keyStr
   * @param {*} ivStr
   */
  encrypt (word, keyStr, ivStr) {
    let key = KEY;
    let iv = IV;
    if (keyStr) {
      key = CryptoJS.enc.Utf8.parse(keyStr);
      iv = CryptoJS.enc.Utf8.parse(ivStr);
    }
    let srcs = CryptoJS.enc.Utf8.parse(word);
    var encrypted = CryptoJS.AES.encrypt(srcs, key, {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.ZeroPadding
    });
    return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
  },

  /**
   * 解密
   * @param {*} word
   * @param {*} keyStr
   * @param {*} ivStr
   */
  decrypt (word, keyStr, ivStr) {
    let key = KEY;
    let iv = IV;

    if (keyStr) {
      key = CryptoJS.enc.Utf8.parse(keyStr);
      iv = CryptoJS.enc.Utf8.parse(ivStr);
    }

    let base64 = CryptoJS.enc.Base64.parse(word);
    let src = CryptoJS.enc.Base64.stringify(base64);

    let decrypt = CryptoJS.AES.decrypt(src, key, {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.ZeroPadding
    });

    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
  }
}

3、登录页面引入js文件

import aes from '@/utils/aes';

提示:根据自己的文件路径引入

4、进行加密

// 对密码进行加密
let encryptionPassword = aes.encrypt(password);

二、后端

1、引入相关依赖

<dependency>
	<groupId>org.bouncycastle</groupId>
	<artifactId>bcprov-jdk15on</artifactId>
	<version>1.60</version>
</dependency>

2、工具类

package com.chinaseven.sc.admin.api.common.util;

import org.apache.tomcat.util.codec.binary.Base64;

import javax.crypto.Cipher;
import javax.crypto.spec.IvParameterSpec;
import javax.crypto.spec.SecretKeySpec;

/**
 * Author     :tk-pc-40
 * ModifiedBy :tk-pc-40
 * CreatedAt  :2022/3/23
 */
public class SecretUtil {

    /***
     * key和iv值需要和前端一致
     */
    public static final String KEY = "1234567890123456";

    public static final String IV = "1234567890123456";

    /**
     * 加密方法
     *
     * @param data 要加密的数据
     * @param key  加密key
     * @param iv   加密iv
     * @return 加密的结果
     */
    public static String encrypt(String data, String key, String iv) {
        try {
            //"算法/模式/补码方式"NoPadding PkcsPadding
            Cipher cipher = Cipher.getInstance("AES/CBC/NoPadding");
            int blockSize = cipher.getBlockSize();

            byte[] dataBytes = data.getBytes();
            int plaintextLength = dataBytes.length;
            if (plaintextLength % blockSize != 0) {
                plaintextLength = plaintextLength + (blockSize - (plaintextLength % blockSize));
            }

            byte[] plaintext = new byte[plaintextLength];
            System.arraycopy(dataBytes, 0, plaintext, 0, dataBytes.length);

            SecretKeySpec keyspec = new SecretKeySpec(key.getBytes(), "AES");
            IvParameterSpec ivspec = new IvParameterSpec(iv.getBytes());

            cipher.init(Cipher.ENCRYPT_MODE, keyspec, ivspec);
            byte[] encrypted = cipher.doFinal(plaintext);

            return new Base64().encodeToString(encrypted);

        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    /**
     * 解密方法
     *
     * @param data 要解密的数据
     * @param key  解密key
     * @param iv   解密iv
     * @return 解密的结果
     */
    public static String desEncrypt(String data, String key, String iv) {
        try {
            byte[] encrypted1 = new Base64().decode(data);

            Cipher cipher = Cipher.getInstance("AES/CBC/NoPadding");
            SecretKeySpec keySpec = new SecretKeySpec(key.getBytes(), "AES");
            IvParameterSpec ivSpec = new IvParameterSpec(iv.getBytes());
            cipher.init(Cipher.DECRYPT_MODE, keySpec, ivSpec);
            byte[] original = cipher.doFinal(encrypted1);
            return new String(original).trim();
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }
}
  • 5
    点赞
  • 55
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现前端密码加密后端解密,可以使用一些加密库来完成。 例如,在前端使用CryptoJS库中的AES算法对密码进行加密,然后将加密后的密码传输给后端;在后端使用相同的库对加密后的密码进行解密,获取原始密码,再与数据库中存储的密码进行比对,验证密码是否正确。 以下是一个简单的示例代码: 前端代码: ```javascript import CryptoJS from 'crypto-js' // 加密密码 function encryptPassword(password, key) { const encrypted = CryptoJS.AES.encrypt(password, key) return encrypted.toString() } // 调用示例 const password = '123456' const key = 'my-secret-key' const encryptedPassword = encryptPassword(password, key) // 将 encryptedPassword 传输给后端进行验证 ``` 后端代码: ```javascript const CryptoJS = require('crypto-js') // 解密密码 function decryptPassword(encryptedPassword, key) { const bytes = CryptoJS.AES.decrypt(encryptedPassword, key) const decryptedPassword = bytes.toString(CryptoJS.enc.Utf8) return decryptedPassword } // 调用示例 const encryptedPassword = 'U2FsdGVkX1+2MBXDnZyE1hZQbC3QFg2Jr7unJyJtYYs=' // 前端传输过来的加密后的密码 const key = 'my-secret-key' const decryptedPassword = decryptPassword(encryptedPassword, key) // 将 decryptedPassword 与数据库中的密码进行比对,验证密码是否正确 ``` 需要注意的是,加密算法的安全性与使用的加密密钥的安全性密切相关,因此在实际使用中需要选择安全可靠的加密算法和密钥。另外,还需要注意密码传输过程中的安全性,建议使用HTTPS协议传输数据以保障数据安全。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值