前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >AES 加解密(包含JS、VUE、JAVA、MySQL)工具方法

AES 加解密(包含JS、VUE、JAVA、MySQL)工具方法

作者头像
默存
发布2024-04-23 12:28:45
1470
发布2024-04-23 12:28:45
举报
文章被收录于专栏:默存默存

介绍

AES 是 Advanced Encryption Standard 的缩写,是最常见的对称加密算法。AES 在密码学中又称 Rijndael 加密法,是美国联邦政府采用的一种区块加密标准。这个标准用来替代原先的 DES,已经被多方分析且广为全世界所使用。

基本原理:AES 的加密公式为 C=E(K,P),其中 K 为密钥,P 为明文,C 为密文。

加密流程图:

封装工具方法

JS 工具方法

代码语言:javascript
复制
// 引入依赖
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>

// 加密方法
function encrypt(content, key) {
    return CryptoJS.AES.encrypt(content, CryptoJS.enc.Utf8.parse(key), {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    }).ciphertext.toString();
}

// 解密方法
function decrypt(content, key) {
    return CryptoJS.AES.decrypt(CryptoJS.enc.Base64.stringify(CryptoJS.enc.Hex.parse(content)), CryptoJS.enc.Utf8.parse(key), {
        mode: CryptoJS.mode.ECB,
        padding: CryptoJS.pad.Pkcs7
    }).toString(CryptoJS.enc.Utf8);
}

例子:

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
    <script>
        var key = "xxxxxxxxxxxxxxxx";
        function encryptText() {
            var plain = document.getElementById("plain").value;
            var encrypted = encrypt(plain, key);
            document.getElementById("encrypted").value = encrypted;
        }

        function decryptText() {
            var encrypted = document.getElementById("todecrypt").value;
            var decrypted = decrypt(encrypted, key);
            document.getElementById("decrypted").value = decrypted;
        }

        // 加密方法
        function encrypt(content, key) {
            return CryptoJS.AES.encrypt(content, CryptoJS.enc.Utf8.parse(key), {
                mode: CryptoJS.mode.ECB,
                padding: CryptoJS.pad.Pkcs7
            }).ciphertext.toString();
        }

        // 解密方法
        function decrypt(content, key) {
            return CryptoJS.AES.decrypt(CryptoJS.enc.Base64.stringify(CryptoJS.enc.Hex.parse(content)), CryptoJS.enc.Utf8.parse(key), {
                mode: CryptoJS.mode.ECB,
                padding: CryptoJS.pad.Pkcs7
            }).toString(CryptoJS.enc.Utf8);
        }
    </script>
</head>
<body>
    <h2>加解密测试</h2>
    <div  style="padding: 1rem 0">
        <input id="plain" type="text" />
        <button type="button" onclick="encryptText()">加密</button>
        <input id="encrypted" type="text"/>
    </div>
    <div>
        <input id="todecrypt" type="text"/>
        <button type="button" onclick="decryptText()">解密</button>
        <input id="decrypted" type="text"/>
    </div>
</body>
</html>

VUE 工具方法

代码语言:javascript
复制
// 添加依赖
npm install crypto-js

// 加密方法
function onEncrypt(content: any, key: any) {
  return CryptoJS.AES.encrypt(content, CryptoJS.enc.Utf8.parse(key), {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7,
  }).ciphertext.toString().toUpperCase();
}

// 解密方法
function onDecrypt(content: any, key: any) {
  return CryptoJS.AES.decrypt(
    CryptoJS.enc.Base64.stringify(CryptoJS.enc.Hex.parse(content)), CryptoJS.enc.Utf8.parse(key), {
      mode: CryptoJS.mode.ECB,
      padding: CryptoJS.pad.Pkcs7,
    }
  ).toString(CryptoJS.enc.Utf8);
}

例子:

代码语言:javascript
复制
<script setup lang="ts">
import { onMounted, reactive, toRefs } from "vue";
import CryptoJS from "crypto-js";

const state = reactive({
    key: "xxxxxxxxxxxxxxxx",
    plain: null,
    encrypted: null,
    todecrypt: null,
    decrypted: null
})
const {key,plain,encrypted,todecrypt,decrypted} = toRefs(state)


function encryptText() {
    state.encrypted = onEncrypt(state.plain, state.key);
}

function decryptText() {
    state.decrypted = onDecrypt(state.todecrypt, state.key);
}

// 加密方法
function onEncrypt(content: any, key: any) {
  return CryptoJS.AES.encrypt(content, CryptoJS.enc.Utf8.parse(key), {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7,
  }).ciphertext.toString().toUpperCase();
}

// 解密方法
function onDecrypt(content: any, key: any) {
  return CryptoJS.AES.decrypt(
    CryptoJS.enc.Base64.stringify(CryptoJS.enc.Hex.parse(content)), CryptoJS.enc.Utf8.parse(key), {
      mode: CryptoJS.mode.ECB,
      padding: CryptoJS.pad.Pkcs7,
    }
  ).toString(CryptoJS.enc.Utf8);
}
</script>
<template>
  <div class="aes">
    <h1>AES加解密</h1>
    <el-row :gutter="20" style="padding: 1rem 0">
        <el-col :span="6"><el-input v-model="plain" placeholder="请输入内容"></el-input></el-col>
        <el-col :span="2"><el-button type="primary" @click="encryptText()">加密</el-button></el-col>
        <el-col :span="12"><div>{{state.encrypted}}</div></el-col>
    </el-row>
    <el-row :gutter="20">
        <el-col :span="6"><el-input v-model="todecrypt" placeholder="请输入内容"></el-input></el-col>
        <el-col :span="2"><el-button type="primary" @click="decryptText()">解密</el-button></el-col>
        <el-col :span="12"><div>{{state.decrypted}}</div></el-col>
    </el-row>
  </div>
</template>
<style lang="scss" scoped>
.aes {
  text-align: center;
}
</style>

JAVA 工具类

代码语言:javascript
复制
package com.tansci.util;

import org.apache.commons.codec.binary.Hex;

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

/**
 * @ClassName: AESUtil.java
 * @ClassPath: com.tansci.util.AESUtil.java
 * @Description: AES对称加解密工具类
 * @Author: tanyp
 * @Date: 2024/4/18 12:00
 **/
public class AESUtil {
    
    /**
     * @MonthName: encrypt
     * @Description: 加密
     * @Author: tanyp
     * @Date: 2024/4/18 12:00
     * @Param: [content, key: 16位]
     * @return: java.lang.String
     **/
    public static String encrypt(String content, String key) throws Exception {
        KeyGenerator kgen = KeyGenerator.getInstance("AES");
        kgen.init(128);
        Cipher cipher = Cipher.getInstance("AES/ECB/PKCS5Padding");
        cipher.init(Cipher.ENCRYPT_MODE, new SecretKeySpec(key.getBytes(), "AES"));
        byte[] b = cipher.doFinal(content.getBytes("utf-8"));
        return Hex.encodeHexString(b);
    }

    /**
     * @MonthName: decrypt
     * @Description: 解密
     * @Author: tanyp
     * @Date: 2024/4/18 12:00
     * @Param: [encryptStr, key:16位]
     * @return: java.lang.String
     **/
    public static String decrypt(String encryptStr, String key) throws Exception {
        KeyGenerator kgen = KeyGenerator.getInstance("AES");
        kgen.init(128);
        Cipher cipher = Cipher.getInstance("AES/ECB/PKCS5Padding");
        cipher.init(Cipher.DECRYPT_MODE, new SecretKeySpec(key.getBytes(), "AES"));
        byte[] encrypttBytes = Hex.decodeHex(encryptStr);
        byte[] decryptBytes = cipher.doFinal(encrypttBytes);
        return new String(decryptBytes);
    }

}

MYSQL 使用方法

代码语言:javascript
复制
-- 加密 
select HEX(AES_ENCRYPT('admin','xxxxxxxxxxxxxxxx'))

-- 解密  
select CONVERT(AES_DECRYPT(UNHEX('305e188e6818582f8298551e4b50702a'),'xxxxxxxxxxxxxxxx') USING UTF8MB4)
select AES_DECRYPT(UNHEX('4C80D7BE4719ED572565378025E7AC85'),'xxxxxxxxxxxxxxxx')
  
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2024-04-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 全栈客 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 介绍
  • 封装工具方法
相关产品与服务
云数据库 MySQL
腾讯云数据库 MySQL(TencentDB for MySQL)为用户提供安全可靠,性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性,包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL,可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理,不仅经济实惠,而且稳定可靠,易于运维。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档