你会做Web上的用户登录功能吗？
admin 13年前
<p> Web上的用户登录功能应该是最基本的功能了，可是在我看过一些站点的用户登录功能后，我觉得很有必要写一篇文章教大家怎么来做用户登录功能。下面的文章告诉大家这个功能可能并没有你所想像的那么简单，这是一个关系到用户安全的功能，希望大家能从下面的文章中能知道什么样的方法才是一个好的用户登录功能。<strong>以下内容，转载时请保持原文一致，并请注明作者和出处</strong>。</p> <p> <strong>用户名和口令</strong></p> <p> 首先，我们先来说说用户名和口令的事。这并不是本站第一次谈论这个事了。<a title="如何管理并设计你的口令" href="/misc/goto?guid=4958187044205268303" target="_blank">如何管理自己的口令</a>让你知道怎么管理自己的口令，<a title="破解你的口令" href="/misc/goto?guid=4958187044945518023" target="_blank">破解你的口令</a>让你知道在现代这样速度的计算速度下，用穷举法破解你的口令可能会是一件很轻松的事。在这里我想告诉从开发者的角度上来做设计这个用户名和口令的事。下面一几件规则：</p> <ul> <li><strong>限用户输入一些非常容易被破解的口令</strong>。如什么qwert，123456, password之类，就像<a title="推ter的禁用口令" href="/misc/goto?guid=4958187045683393035" target="_blank">推ter限制用户的口令</a>一样做一个口令的黑名单。另外，你可以限制用户口令的长度，是否有大小写，是否有数字，你可以用你的程序做一下校验。当然，这可能会让用户感到很不爽，所以，现在很多网站都提供了UX让用户知道他的口令强度是什么样的（比如<a title="另类UX让你输入强口令" href="/misc/goto?guid=4958187046419307497" target="_blank">这个有趣的UX</a>），这样可以让用户有一个选择，目的就是告诉用户——要想安全，先把口令设得好一点。</li> </ul> <ul> <li><strong>千万不要明文保存用户的口令</strong>。正如<a title="如何管理并设计你的口令" href="/misc/goto?guid=4958187044205268303" target="_blank">如何管理自己的口令</a>所说的一样，很多时候，用户都会用相同的ID相同的口令来登录很多网站。所以，如果你的网站明文保存的话，那么，如果你的数据被你的不良员工流传出去那对用户是灾难性的。所以，用户的口令一定要加密保存，最好是用不可逆的加密，如MD5或是SHA1之类的有hash算法的不可逆的加密算法。CSDN曾明文保存过用户的口令。（另，对于国内公司的品行以及有关部门的管理方式，我不敢保证国内网站以加密的方式保存你的口令。我觉得，做为一个有良知的人，我们应该加密保存用户的口令）</li> </ul> <ul> <li><strong>是否让浏览器保存口令</strong>。我们有N多的方法可以不让浏览器保存用户名和口令。但是这可能对用户来说很不爽。因为在真实世界里谁也记得不住那么多的口令。很多用户可能会使用一些密码管理工具来保存密码，浏览器只是其中一种。是否让浏览器保存这个需要你做决定，重点是看一下你的系统的安全级别是否要求比较高，如果是的话，则不要让浏览器保存密码，并在网站明显的位置告诉用户——保存口令最安全的地方只有你的大脑。</li> </ul> <ul> <li><strong>口令在网上的传输</strong>。因为HTTP是明文协议，所以，用户名和口令在网上也是明文发送的，这个很不安全。你可以看看<a title="用Wireshark从http数据包中得到用户的登录信息" href="/misc/goto?guid=4958187047825302097" target="_blank">这篇文章</a>你就明白了。要做到加密传输就必需使用HTTPS协议。但是，在中国还是有很多网站的Web登录方式还在使用ActiveX控件，这可能成为IE6还大量存在的原因。我通常理解为这些ActiveX控件是为了反键盘记录程序的。不过，我依然觉ActiveX控件不应该存在，因为在国外的众多安全很重要的站点上都看不到ActiveX的控件的身影。</li> </ul> <p> <strong>用户登录状态</strong></p> <p> 首先，我想告诉大家的是，因为HTTP是无状态的协议，也就是说，这个协议是无法记录用户访问状态的，其每次请求都是独立的无关联的，一笔是一笔。而我们的网站都是设计成多个页面的，所在页面跳转过程中我们需要知道用户的状态，尤其是用户登录的状态，这样我们在页面跳转后我们才知道是否可以让用户有权限来操作一些功能或是查看一些数据。</p> <p> <strong>所以，我们每个页面都需要对用户的身份进行认证</strong>。当然，我们不可以让用户在每个页面上输入用户名和口令，这会让用户觉得我们的网站想当的SB。为了实现这一功能，用得最多的技术就是浏览器的cookie，我们会把用户登录的信息存放在客户端的cookie里，这样，我们每个页面都从这个cookie里获得用户是否登录的信息，从而达到记录状态，验证用户的目的。但是，你真的会用cookie吗？下面是使用cookie的一些原则。</p> <ul> <li><strong>千万不要在cookie中存放用户的密码</strong>。加密的密码都不行。因为这个密码可以被人获取并尝试离线穷举。所以，你一定不能把用户的密码保存在cookie中。我看到太多的站点这么干了。</li> </ul> <ul> <li><strong>正确设计“记住密码”</strong>。这个功能简直就是一个安全隐患，我觉得并不是所有的程序员都知道怎么设计这个事。下面是一些方法供你参考。</li> </ul> <p> 1）在cookie中，保存三个东西——<strong>用户名</strong>，<strong>登录序列</strong>，<strong>登录token</strong>。</p> <p> <strong>用户名</strong>：明文存放。<br /> <strong>登录序列</strong>：一个被MD5加密过的随机数，每次以输入口令的方式登录后更新。<br /> <strong>登录token</strong>：一个被MD5加密过的随机数，仅一个登录session内有效，新的登录session会更新它。</p> <p> 2）上述三个东西会存在服务器上，服务器的验证用户需要验证客户端cookie里的这三个事。</p> <p> 3）为什么要设计这个样子？因为，</p> <p> a）<strong>登录token</strong>是单实例登录。意思就是一个用户只能有一个实例。</p> <p> b）<strong>登录序列</strong>是用来做盗用行为检测的。如果用户的cookie被盗后，盗用者使用这个cookie访问网站时，我们的系统是以为是合法用户，然后更新“<strong>登录token</strong>”，而真正的用户访问时系统发现，只有“<strong>用户名</strong>”和“<strong>登录序列</strong>”相同，但是“<strong>登录token</strong>”不对，这样的话，系统就知道，这个用户出现了被盗用的情况，于是，系统可以清除<strong>登录序列 </strong>和<strong> <strong>登录token</strong></strong>，这样就可以令所有的cookie失效，并要求用户输入口令。并给警告用户系统安全。</p> <ul> <li><strong>不要让cookie有权限访问所有的操作</strong>。否则就是XSS攻击，这个功能请参看<a title="新浪微博的XSS攻击" href="/misc/goto?guid=4958185560771405201" target="_blank">新浪微博的XSS攻击</a>。下面的这些功能一定要用户输入口令：</li> </ul> <p> 1）修改口令。</p> <p> 2）修改电子邮件。（电子邮件通过用来找回用户密码）</p> <p> 3）用户的隐私信息。</p> <p> 4）用户消费功能。</p> <p> <strong>找回口令的功能</strong></p> <p> 找回口令的功能一定要提供。但是很多朋友并不知道怎么来设计这个功能。我们有很多找回口令的设计，下面我逐个点评一下。</p> <ul> <li><strong>千万不要使用安全问答</strong>。事实证明，这个环节很烦人，而且用户并不能很好的设置安全问答。什么，我的生日啊，我母亲的生日，等等。因为今天的互联网和以前不一样了，因为SNS，今天的互联比以前更真实了，我可以上非死book，开心，人人网，LinkedIn查到你的很多的真实的信息。通过这些信息我可以使用安全问答来重设你的口令。非死book的安全问答很强大，还要你通过照片认人。</li> </ul> <ul> <li><strong>不要重置用户的密码</strong>。因为这有可能让用户的密码遭到恶意攻击。当然，你要发个邮件给用户让其确认，用户点击邮件中的一个链接，你再重置。我并不推荐这样的方法，因为用户一般都会用笔记下来这个很记的口令，然后登录系统，因为登录系统时使用了“记住密码”的功能，所以导致用户不会去修改密码，从而要么导到被写下来的密码被人盗取，要么又忘记了密码。</li> </ul> <ul> <li><strong>好一点的做法——通过邮件自行重置</strong>。当用户申请找回口令功能的时候，系统生成一个MD5唯一的随机字串（可通过UID+IP+timestamp+随机数），放在数据库中，然后设置上时限（比如1小时内），给用户发一个邮件，这个连接中包含那个MD5的字串的链接，用户通过点击那个链接来自己重新设置新的口令。</li> </ul> <ul> <li><strong>更好一点的做法——多重认证</strong>。比如：通过手机+邮件的方式让用户输入验证码。手机+邮件可能还不把握，因为手机要能会丢了，而我的手机可以访问我的邮箱。所以，使用U盾，SecureID，或是通过人工的方式核实用户身份。当然，这主要看你的系统的安全级别了。</li> </ul> <p> <strong>口令探测防守</strong></p> <ul> <li><strong>使用验证码</strong>。验证码是后台随机产生的一个短暂的验证码，这个验证码一般是一个计算机很难识别的图片。这样就可以防止以程序的方式来尝试用户的口令。事实证明，这是最简单也最有效的方式。当然，总是让用户输入那些肉眼都看不清的验证码的用户体验不好，所以，可以折中一下。比如Google，当他发现一个IP地址发出大量的搜索后，其会要求你输入验证码。当他发现同一个IP注册了3个以上的gmail邮箱后，他需要给你发短信方式或是电话方式的验证码。</li> </ul> <ul> <li><strong>用户口令失败次数</strong>。调置口令失败的上限，如果失败过多，则把帐号锁了，需要用户以找回口令的方式来重新激活帐号。但是，这个功能可能会被恶意人使用。最好的方法是，增加其尝试的时间成本（以前的这篇文章说过一个<a title="如何防范密码被破解" href="/misc/goto?guid=4958187049236729715" target="_blank">增加时间成本的解密算法</a>）。如，两次口令尝试的间隔是5秒钟。三次以上错误，帐号被临时锁上30秒，5次以上帐号被锁1分钟，10次以上错误帐号被锁4小时……</li> </ul> <ul> <li><strong>系统全局防守</strong>。上述的防守只针对某一个别用户。恶意者们深知这一点，所以，他们一般会动用“僵尸网络”轮着尝试一堆用户的口令，所以上述的那种方法可能还不够好。我们需要在系统全局域上监控所有的口令失败的次数。当然，这个需要我们平时没有受到攻击时的数据做为支持。比如你的系统，平均每天有5000次的口令错误的事件，那么你可以认为，当口令错误大幅超过这个数后，而且时间相对集中，就说明有黑客攻击。这个时候你怎么办？一般最常见使用的方法是让所有的用户输错口令后再次尝试的时间成本增加。</li> </ul> <p> <strong>参考文章</strong></p> <ul> <li><a href="/misc/goto?guid=4958187049996493489" rel="nofollow">OWASP Guide To Authentication</a></li> <li><a href="/misc/goto?guid=4958187050730229493" rel="nofollow">Dos and Don’ts of Client Authentication on the Web </a>（PDF）</li> <li><a href="/misc/goto?guid=4958187051458244585" rel="nofollow">Charles Miller’s Persistent Login Cookie Best Practice</a></li> <li><a href="/misc/goto?guid=4958187052188183485" rel="nofollow">Wikipedia: HTTP cookie</a></li> <li><a href="/misc/goto?guid=4958187052929877640" rel="nofollow">Personal knowledge questions for fallback authentication: Security questions in the era of 非死book </a></li> </ul> <p>来自: <a id="link_source2" href="/misc/goto?guid=4958187053670873746" target="_blank">coolshell.cn</a><br /> </p>