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
用户无需输入验证码
前端延时极小(对人来说)
对暴力破解影响极大
只需添加部分代码, 无需更改现有的代码
条件可控, 随机数的范围完全由后端决定

snw

2018-07-17 18:04:29 +08:00

首先你要考虑访客客户端性能可能多差，以及不同浏览器的执行效率。你电脑上特定跑 300ms，访客破手机上另一个浏览器可能卡死几秒甚至十几秒。
其次 md5 高速运算很容易，攻击者有心的话不一定用浏览器去跑，而是用高效语言重写一下，参数扔进去借助 GPU 去算，算完后回传浏览器，可能平均只需几毫秒。这也就意味着攻击者可以模仿上千个正常访客。

顺便吐槽下工商企业信息公示系统用的宇创防护，好像也用了些奇技淫巧，经常导致浏览器卡死。

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

shield

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

Demo 地址

描述

设计

测试

优势