django+framework+Vue第六天用户登录和手机注册

最新推荐文章于 2023-04-23 01:22:47 发布

栞那

最新推荐文章于 2023-04-23 01:22:47 发布

阅读量722

点赞数

文章标签： jwt

本文链接：https://blog.csdn.net/qq_40604197/article/details/106043284

版权

这篇博客记录了作者使用Django框架和Vue进行用户登录、手机注册的学习过程，涉及JWT认证的实现。首先介绍了Django自带的token认证及其缺点，然后详细讲解了JWT的安装、配置和使用。接着，讨论了Vue中如何与JWT接口配合，特别是针对手机登录的自定义验证。最后，提到了云片网发送短信验证码的集成以及Django信号量在用户注册时的应用，确保密码的安全存储。

摘要由CSDN通过智能技术生成

新人学习django 是按照这个大佬的教程学习的
链接: https://www.cnblogs.com/derek1184405959/p/8733194.html.

很多步骤都是按照上面的教程学习的，这里只是记录一下自己学习的过程和一些错误
如果有人想要系统的学习，建议去上面那位大佬处学习

1.drf自带的token
（1）INSTALL_APP中添加

INSTALLED_APPS = (
    ...
    'rest_framework.authtoken'
)

token会生成一张表authtoken_token，所以要运行python manage.py makemigrations
python manage.py migrate
在这里插入图片描述
(2)配置url

from rest_framework.authtoken import views


urlpatterns = [
   # drf自带的token认证
   path('api-token-auth/', views.obtain_auth_token)
]

postman发送数据
先创建一个superuser
python manage.py createsuperuser
然后再用postman发送数据
发送给http://127.0.0.1:9000/api-token-auth
图片中是弄混了
在这里插入图片描述
然后会返回token的值

drf的token缺点

保存在数据库中，如果是一个分布式的系统，就非常麻烦
token永久有效，没有过期时间。

2.json web token 方式完成用户认证

（1）安装jwt
使用方法
http://getblimp.github.io/django-rest-framework-jwt/

pip install djangorestframework-jwt

（2）配置

REST_FRAMEWORK = {
    'DEFAULT_AUTHENTICATION_CLASSES': (
        'rest_framework.authentication.BasicAuthentication',
        'rest_framework.authentication.SessionAuthentication',
        'rest_framework_jwt.authentication.JSONWebTokenAuthentication',
    )
}

（3）配置url

 # jwt的token认证接口
    path('login/', obtain_jwt_token )

（4）postman发送数据
在这里插入图片描述
3.vue和jwt接口调试
vue中的登录接口

//登录
export const login = params => {
  return axios.post(`${local_host}/login/`, params)
}

接口更改完成
登录
在这里插入图片描述

jwt接口它默认采用的是用户名和密码登录验证，如果用手机登录的话，就会验证失败，所以我们需要自定义一个用户验证

自定义用户认证
settinds中配置

AUTHENTICATION_BACKENDS = (
    'users.views.CustomBackend

最低0.47元/天解锁文章

django+framework+Vue第六天 用户登录和手机注册

django+framework+Vue第六天用户登录和手机注册