给Django-Admin添加验证码和多次登录尝试限制

Django自带的Admin很好用，但是放到生产环境总还差了点什么= =

看看admin的介绍：

Django奉行Python的内置电池哲学。它自带了一系列在Web开发中用于解决常见问题或需求的额外的、可选工具。这些工具和插件，例如django.contrib.redirects都必须在settings中的INSTALLED_APPS处进行注册，有的还需要执行manage.py migrate命令，在数据库中创建一些数据表。

Admin站点是Django有别于其它Web框架最重要的一点，并且非常受欢迎，简直是出门旅游xxxx的必备。不管你是写个小demo还是做个大项目都用得上。admin（下文中将Admin管理后台简称为admin）通过读取你的模型数据，快速构造出一个可以对实际数据进行管理的Web站点，常用于开发测试，简单管理等场合，适用于部门内部为工作方便的场合，但不建议在生产环境中使用。

为什么不建议在生产环境使用呢，因为Admin缺了验证码和登录限制这种安全方面的功能！等会被人随便暴力破解就进后台了，那我们的系统安全性还怎么保障？

但是别急，我已经通过魔改的方式实现了验证码和登录限制了，现在可以愉快使用admin系统了。

先看看效果

效果还是nice的，登录尝试次数可以自己设定，我这里就不演示了，输那么多次错误密码太麻烦了。

验证码

验证码我是用了django-simple-captcha这个库，配合multi_captcha_admin来生成验证码form，非常方便。

首先是pip安装这两个库，大家都懂的，不再赘述。

配置一下 settings.py：

INSTALLED_APPS = [
    'multi_captcha_admin',
]

# 验证码配置
MULTI_CAPTCHA_ADMIN = {
    'engine': 'simple-captcha',
}

配置 urls.py：

# 添加这一项
path('captcha/', include('captcha.urls')),

到了这步就好啦，如果用的是Django官方的Admin就直接能显示出登录的验证码了，不过我用的是第三方的Admin，所以需要手动添加form。

方法很简单，找到login.html，在登录的表单里面添加这一项就好了。

{{ form.captcha }}

默认生成的验证码和输入框是原生样式，比较丑~ 我们可以优化一下。我是用js把生成的图片和验证码输入框替换成elementUI的样式，有需要的小伙伴可以参考一下。

var row = document.querySelector('#captcha_group');

var captcha_img = document.querySelector('img.captcha');
var col_8 = document.createElement('el-col');
col_8.setAttribute(':span', '8');
col_8.appendChild(captcha_img);

var captcha_input = document.querySelector('#id_captcha_1');
var el_input = document.createElement('el-input');
var col_16 = document.createElement('el-col');
col_16.setAttribute(':span', '16');
el_input.setAttribute('name', captcha_input.getAttribute('name'));
el_input.setAttribute('v-model', 'captcha');
el_input.setAttribute('required', 'required');
el_input.setAttribute('placeholder', '请输入验证码');
col_16.appendChild(el_input);

captcha_input.parentNode.removeChild(captcha_input);

row.appendChild(col_8);
row.appendChild(col_16);

登录限流

这个也不复杂，不过我一开始做还是花了比较长时间，查不到什么有用的资料，后面我去读了Django Admin的代码，一下就想出解决方法了哈哈~

通过admin的代码，我发现处理登录是admin.site.login(request, extra_context)这个方法，那问题就变得很简单了，给他加一个装饰器就好了，不过我们不能去修改框架的代码，所以自己写一个新的view，如下：

# 覆盖默认的admin登录方法实现登录限流
@ratelimit(key='ip', rate='5/m', block=True)
def extend_admin_login(request, extra_context=None):
    return admin.site.login(request, extra_context)

然后在urls.py里配置一下，记得要放在admin的前面：

urlpatterns = [
    path('admin/login/', views.extend_admin_login),
    path('admin/', admin.site.urls),
]

这样就可以实现限流了，这里要介绍一下ratelimit这个装饰器，这是django-ratelimit这个包提供的，为了使用这个包，需要配置redis缓存，附上配置代码：

# 配置redis缓存
CACHES = {
    'default': {
        'BACKEND': 'django_redis.cache.RedisCache',  # 缓存后端 Redis
        # 连接Redis数据库(服务器地址)
        # 一主带多从(可以配置个Redis，写走第一台，读走其他的机器)
        'LOCATION': [
            'redis://localhost:6379/0',
        ],
        'KEY_PREFIX': 'milky',  # 项目名当做文件前缀
        'OPTIONS': {
            'CLIENT_CLASS': 'django_redis.client.DefaultClient',  # 连接选项(默认，不改)
            'CONNECTION_POOL_KWARGS': {
                'max_connections': 512,  # 连接池的连接(最大连接)
            },
        }
    }
}

@ratelimit(key='ip', rate='5/m', block=True)，key=ip表示根据ip来区分，rate=5/m表示一分钟最多请求这个接口5次，block=true表示超过这个限制就直接拦截，如果没有设置block参数的话，超过限制也不会拦截，但是可以在ratelimit计数器里面看到请求的次数。

更多用法可以看官方文档：https://django-ratelimit.readthedocs.io/en/stable/index.html

参考资料

• https://github.com/a-roomana/django-multi-captcha-admin
• https://django-simple-captcha.readthedocs.io/en/latest/advanced.html#rendering

欢迎交流

我整理了一系列的技术文章和资料，在公众号「程序设计实验室」后台回复 linux、flutter、c#、netcore、android、java、python 等可获取相关技术文章和资料，同时有任何问题都可以在公众号后台留言~