shield

前端防暴力破解的一个设计

Demo 地址

https://github.com/GitHub-Laziji/shield

描述

传统的防范暴力破解的方法是在前端登录页面增加验证码, 虽然能有一定程度效果, 但是用户也跟着遭罪, 验证码越复杂, 用户登录的失败率越高

于是最近我想了一个新的设计, 前端在登录时采用解密的方式获取密钥, 把密钥与表单以前发往后端, 用密钥来代替验证码

具体细节如下

设计

用户在登录页面输完用户名密码, 点击登录
js 向后端请求密文
后端生成一个随机字符串和一个指定范围内的随机数
正向拼接随机字符串和随机字符串随机数的加密得到密文rstr+MD5(rstr+rint)
反向拼接得到密钥 MD5(rint+rstr)

    randomString = Utils.getUUID();
    randomNumber = Utils.randomInt(range);
    privateText =  randomString + Utils.md5(randomString+randomNumber);
    privateKey = Utils.md5(randomNumber+randomString);

将密文传给前端
前端通过循环破解随机数

    let randomString = result.substring(0, 32)
    let valueString = result.substring(32)
    let answerString
    for (let i = 0; i < range; i++) {
        let s = crypto.createHash("md5").update(randomString + i).digest('hex')
        if (s == valueString) {
            answerString = crypto.createHash("md5").update(i + randomString).digest('hex')
            break
        }
    }

把得到的密钥和表单一起传个后端
后端验证密钥的真假

测试

经过测试 10000 次内 md5 加密前端用时不超过 300ms, 用户察觉不到, 但是暴力破解的难道确增加了几千倍, 这意味这本来一个小时能破解的网站, 现在可能要一年才能破解

优势

整个流程对后端带来的压力几乎为 0
用户无需输入验证码
前端延时极小(对人来说)
对暴力破解影响极大
只需添加部分代码, 无需更改现有的代码
条件可控, 随机数的范围完全由后端决定

34C

2018-07-17 13:44:56 +08:00

@laziji

如果是防止通用型的暴力工具，那大部分的通用工具的通用性并不强，所以真的想暴力的，真没几个用通用工具的。

如果写专用工具了，所有代码能直接模拟的流程，都毫无意义，因为看懂你的逻辑了，就那几个函数调用来调用去，有啥意义，浏览器做啥，我工具就跟着做啥。

当年虾米音乐在 flash 播放器里 n 层算法，可以得出 mp3 地址，被我破解之后，写个批量下载工具也就半小时的功夫。

而图形验证码虽然也能破解，但因为涉及图形算法、或者人工打码，无论是效率还是复杂度，都大大提升。

普通网站防暴力破解登录密码的新设计

shield

前端防暴力破解的一个设计

Demo 地址

描述

设计

测试

优势