用户登录
1 JWT使用
1.1 JWT介绍
-
什么是JWT
Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准。该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录场景。JWT一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息,以便于从服务器获取资源,也可以增加一些额外的其它业务逻辑的声明信息。
-
起源 说起JWT,我们应该来谈一谈基于token的认证和传统的session认证的区别。 -
传统的session认证 我们知道,http协议本身是一种无状态的协议,而这就意味着如果用户向我们的应用提供了用户名和密码来进行用户认证,那么下一次请求时,用户还要再一次进行用户认证才行,因为根据http协议,我们并不能知道是哪个用户发出的请求,所以为了让我们的应用能识别是哪个用户发出的请求,我们只能在服务器存储一份用户登录的信息,这份登录信息会在响应时传递给浏览器,保存为cookie,以便下次请求时发送给我们的应用,这样应用就能识别请求来自哪个用户,这就是传统的基于session认证。 但是基于session的认证使应用本身很难得到扩展,随着不同客户端用户的增加,独立的服务器已无法承载更多的用户,而这时候基于session认证应用的问题就会暴露出来. -
基于session认证所显露的问题 Session: 每个用户经过我们的应用认证之后,我们的应用都要在服务端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显增大。 扩展性: 用户认证之后,服务端做认证记录,如果认证的记录被保存在内存中的话,这意味着用户下次请求还必须要请求在这台服务器上,这样才能拿到授权的资源,这样在分布式的应用上,相应的限制了负载均衡器的能力。即限制了应用的扩展能力。 CSRF: 因为是基于cookie来进行用户识别的, cookie如果被截获,用户就会很容易受到跨站请求伪造的攻击。 -
基于token的鉴权机制 基于token的鉴权机制,不需要在服务端去保留用户的认证信息。这就意味着应用不需要去考虑用户在哪一台服务器登录了,这就为应用的扩展提供了便利。 流程上是这样的: ? · 用户使用用户名密码 来请求服务器 ? · 服务器进行验证用户的信息 ? · 服务器通过验证发送给用户一个token ? · 客户端存储token,并在每次请求时附送上这个token值 ? · 服务端验证token值,并返回数据 这个token必须要在每次请求时传递给服务端,它应该保存在请求头里, 另外,服务端要支持CORS(``跨来源资源共享``) 策略。 -
JWT长什么样? JWT是由三段信息构成的,将这三段信息文本用. 链接一起就构成了Jwt字符串。就像这样:
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95OrM7E2cBab30RMHrHDcEfxjoYZgeFONFh7HgQ
> 注意: secret是保存在服务器端的,jwt的签发生成也是在服务器端的,secret就是用来进行jwt的签发和jwt的验证,所以,它就是你服务端的私钥,在任何场景都不应该流露出去。一旦客户端得知这个secret,那就意味着客户端是可以自我签发jwt了.
-
如何应用 一般是在请求头里加入Authorization ,并加上JWT 标注:
axios.get('api/user/1', {
params:{
limit: 10
}
headers: {
'Authorization': 'JWT ' + token
}
})
服务端会验证token,如果验证通过就会返回相应的资源。
1.2 djangorestframework-jwt使用
djangorestframework-jwt官方文档:https://jpadilla.github.io/django-rest-framework-jwt/
安装
pip install djangorestframework-jwt
在settings.py中进行配置
REST_FRAMEWORK = {
'DEFAULT_AUTHENTICATION_CLASSES': (
'rest_framework_jwt.authentication.JSONWebTokenAuthentication',
),
}
import datetime
JWT_AUTH = {
'JWT_EXPIRATION_DELTA': datetime.timedelta(days=1),
}
设置路由
from rest_framework_jwt.views import obtain_jwt_token
urlpatterns = [
path('login/', obtain_jwt_token),
]
请求地址: http://127.0.0.1:8000/users/login/
请求方式: post
请求参数:表单
参数名 | 类型 | 是否必须 | 说明 |
---|
username | str | 是 | 用户名 | password | str | 是 | 密码 |
返回数据: JSON
{
"username": "zhangsan",
"user_id": 1,
"token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjo5LCJ1c2VybmFtZSI6InB5dGhvbjgiLCJleHAiOjE1MjgxODI2MzQsImVtYWlsIjoiIn0.ejjVvEWxrBvbp18QIjQbL1TFE0c0ejQgizui_AROlAU"
}
返回数据说明
返回值 | 类型 | 是否必须 | 说明 |
---|
username | str | 是 | 用户名 | id | int | 是 | 用户id | token | str | 是 | 身份认证凭据 |
djangorestframework-jwt默认只返回token
自定义返回数据
def jwt_response_payload_handler(token, user=None, request=None):
"""为返回的结果添加用户相关信息"""
return {
'token': token,
'user_id': user.pk,
'username': user.username,
}
修改settings.py中的配置
JWT_AUTH = {
'JWT_EXPIRATION_DELTA': datetime.timedelta(days=1),
'JWT_RESPONSE_PAYLOAD_HANDLER': 'users.myutils.jwt_response_payload_handler',
}
1.3 增加管理员登录功能
djangorestframework-jwt扩展的登录视图,在收到用户名与密码时,也是调用Django的认证系统中提供的**authenticate()**来检查用户名与密码是否正确。
我们可以通过修改Django认证系统的认证后端 (主要是authenticate方法)来支持登录账号既可以是用户名也可以是手机号。
修改Django认证系统的认证后端需要继承django.contrib.auth.backends.ModelBackend ,并重写authenticate方法。
authenticate(self, request, username=None, password=None, **kwargs) 方法的参数说明:
- request 本次认证的请求对象
- username 本次认证提供的用户账号
- password 本次认证提供的密码
我们想要让管理员用户才能登录我们的admin后台,这时我们就要修改django原有的用户验证方法。
重写authenticate方法的思路:
- 根据username查找用户User对象,在查询条件中在加上is_staff=True的条件
- 若查找到User对象,调用check_password方法检查密码是否正确
from django.contrib.auth.hashers import check_password
from users.models import User
class IsAdminBackend(ModelBackend):
def authenticate(self, request, username=None, password=None):
user = User.objects.filter(username=username, is_staff=True).first()
if user and check_password(password, user.password):
return user
else:
return None
配置settings.py中的django认证
AUTHENTICATION_BACKENDS = [
'django.contrib.auth.backends.ModelBackend',
'users.utils.IsAdminBackend',
]
?
2 短信验证码
2.1 容联云介绍及文档
容联云地址:https://www.yuntongxun.com/
文档:https://doc.yuntongxun.com/p/5a531a353b8496dd00dcdfe2
账号注册成功以后,系统分配授权信息
添加测试号码
? ?
容联云发送短信文档
python SDK文档:https://doc.yuntongxun.com/p/5f029ae7a80948a1006e776e
安装SDK
pip install ronglian_sms_sdk
参数 | 类型 | 说明 |
---|
tid | String | 短信模板 ID 测试号为“1” | mobile | String | 发送手机号,多个以英文逗号分隔,最多 200 个号码 | datas | tuple | 替换短信模板占位符的内容变量 |
发送短信调用示例:
from ronglian_sms_sdk import SmsSDK
accId = '8a216da8762cb4570176f6b1f0c54906'
accToken = '30e8687e49a24bd3b7e5e2e5f0048697'
appId = '8a216da8762cb4570176f6b1f1ff490c'
def send_message():
sdk = SmsSDK(accId, accToken, appId)
tid = '1'
mobile = '15801288490'
datas = ('65543', '5')
resp = sdk.sendMessage(tid, mobile, datas)
print(resp)
2.2 生成短信验证码并存储
在myutils下新建sms_send.py, 把发送短信的方法添加到公共方法中,方便复用
from ronglian_sms_sdk import SmsSDK
import json
import random
accId = '8a216da8762cb4570176f6b1f0c54906'
accToken = '30e8687e49a24bd3b7e5e2e5f0048697'
appId = '8a216da8762cb4570176f6b1f1ff490c'
def send_message(phone):
msg_code = '%06d' %random.randint(0, 1000000)
sdk = SmsSDK(accId, accToken, appId)
tid = '1'
mobile = phone
datas = (msg_code, '5')
resp = sdk.sendMessage(tid, mobile, datas)
print(resp)
res_json = json.loads(resp)
print(res_json.get('statusCode'))
if res_json.get('statusCode') == '000000':
return msg_code
else:
return 0
生成短信验证码接口
class GenerateVerifyCode(APIView):
"""
生成手机号验证码
"""
def post(self, request):
code_id = request.data.get('code_id')
phone = request.data.get('phone')
sms_code = send_message(phone)
if sms_code == 0:
return Response({'msg': '发送失败', 'code': 400})
else:
sms_redis.set(code_id, sms_code, ex=300)
return Response({'msg': '发送成功', 'code': 200})
3 短信验证码校验
3.1 前端访问验证码接口
前端生成uuid
前端生成uuid便于保存验证码
import {v4 as uuid4} from 'uuid'
generate_uuid() {
return uuid4()
}
前端访问后台接口
phone_verify() {
let form_data = new FormData()
form_data.append('sms_code', this.sms_code)
form_data.append('code_id', this.code_id)
this.axios({
url: '/users/phone_verify/',
method: 'post',
data: form_data
}).then(res => {
console.log(res.data)
})
},
3.2 验证码校验 **
class PhoneVerifyView(APIView):
"""
手机验证码比对
"""
def post(self, request):
code_id = request.data.get('code_id')
sms_code = request.data.get('sms_code')
redis_code = sms_redis.get(code_id).decode()
if sms_code == redis_code:
return Response({'msg': 'OK', 'code': 200})
else:
return Response({'msg': '失败', 'code': 400})
|