前后端项目怎么进行MD5加密？

最新推荐文章于 2026-04-14 14:25:01 发布

原创

最新推荐文章于 2026-04-14 14:25:01 发布 · 3.8k 阅读

标签

#MD5 #前后端分离 #java

本文探讨了在前后端分离项目中如何使用MD5加密以保护用户密码安全。强调了后端使用Spring自带的MD5加密方法，前端创建MD5.js工具类进行加密，并引入盐值的概念，以增强密码的复杂性和安全性。

MD5加密

在前后端分离项目中

如果后端数据不进行Md5加密，那数据库中存放非密码就是明文，如果攻击者去攻击数据库，就会获得用户密码

如果前端不进行Md5加密，那在异步传输的过程中，攻击者就有可能获取传输的明文密码，也会导致密码泄露。

所以，我们要对前后端都进行md5加密

后端

spring 自带 md5 加密

req.setPassword(DigestUtils.md5DigestAsHex(req.getPassword().getBytes()));

前端

在 public 中，新建一个 js 文件夹，再新建一个 md5.js 工具类：

md5.js 内容如下：

var KEY = "!@#QWERT";
/*
 * Configurable variables. You may need to tweak these to be compatible with
 * the server-side, but the defaults work in most cases.
 */
var hexcase = 0;  /* hex output format. 0 - lowercase; 1 - uppercase        */
var b64pad  = ""; /* base-64 pad character. "=" for strict RFC compliance   */
var chrsz   = 8;  /* bits per input character. 8 - ASCII; 16 - Unicode      */

/*
 * These are the functions you'll usually want to call
 * They take string arguments and return either hex or base-64 encoded strings
 */
function hexMd5(s) {
   
   
    return hex_md5(s);
}
function hex_md5(s){
   
    return binl2hex(core_md5(str2binl(s), s.length * chrsz));}
function b64_md5(s){
   
    return binl2b64(core_md5(str2binl(s), s.length * chrsz));}
function str_md5(s){
   
    return binl2str(core_md5(str2binl(s), s.length * chrsz));}
function hex_hmac_md5(key, data) {
   
    return binl2hex(core_hmac_md5(key, data)); }
function b64_hmac_md5(key, data) {
   
    return binl2b64(core_hmac_md5(key, data)); }
function str_hmac_md5(key, data) {
   
    return binl2str(core_hmac_md5(key, data)); }

/*
 * Perform a simple self-test to see if the VM is working
 */
function md5_vm_test()
{
   
   
    return hex_md5("abc") == "900150983cd24fb0d6963f7d28e17f72";
}

/*
 * Calculate the MD5 of an array of little-endian words, and a bit length
 */
function core_md5(x, len)
{
   
   
    /* append padding */
    x[len >> 5] |= 0x80 << ((len) % 32);
    x[(((len + 64) >>> 9) << 4) + 14] = len;

    var a =  1732584193;
    var b = -271733879;
    var c = -1732584194;
    var d =  271733878;

    for(var i = 0; i < x.length; i += 16)
    {
   
   
        var olda = a;
        var oldb = b;
        var oldc = c;
        var oldd = d;

        a = md5_ff(a, b, c, d, x[i+ 0], 7 , -680876936);
        d = md5_ff(d, a, b, c, x[i+ 1], 12, -389564586);
        c = md5_ff(c, d, a, b, x[i+ 2], 17,  606105819);
        b = md5_ff(b, c, d, a, x[i+ 3], 22, -1044525330);
        a = md5_ff(a, b, c, d, x[i+ 4], 7 , -176418897);
        d = md5_ff(d, a, b, c, x[i+ 5], 12,  1200080426);
        c = md5_ff(c, d, a, b, x[i+ 6], 17, -1473231341);
        b = md5_ff(b, c, d, a, x[i+ 7], 22, -45705983);