登录注册相关

内容回顾

# git 冲突的解决
	-多人在同一分支开发
  -分支合并出现的冲突
  -出现冲突合并---》读代码，选择保留，再次提交---》解决
  
  
# 线上分支合并---》提交pull Request--》提交pr
	-把你的分支合并到dev分支
#  给开源项目提交代码--》fork--》改---》提交pr--》作者通过就可以了

# git 其他
	-git flow
  -git fetch---》git fetch+merge=git pull
  -git 的变基作用---》扁平化的合并分支(避免分支分叉)，多次提交作为一次
  
  
# 登陆注册板块
	-验证手机号 是否存在 （写好了）
  -多方式登陆接口
  -发送短信验证码（借助于第三方）---》腾讯云，阿里大于短信，容联云通信
  	-API和sdk的区别？---》
    	-api接口：第三方提供的http的接口，
      -sdk:基于每个语言封装的，简单易用，大部分都会提供，如果不提供，只能使用api接口去做
 	-短信登陆接口
  -短信注册接口

  

概要内容

1 登陆注册页面

# 如果登录注册是一个新页面，比较好写---》新建一个页面组件，跳转到这个页面即可


# 使用vue-router实现页面跳转
	-第一步：需要在router文件夹的index.js中配置一条路由
  	{
        path: '/login',
        name: 'login',
        component: Login
    }
  -第二步：访问/login路径，就会显示Login这个页面组件
  -第三步：点击按钮跳转到这个路径
  	-js中：this.$router.push('/login')
  -第四步：在html页面中跳转-->点击该标签，就可以跳转到/login这个路径
  	 <router-link to="/login"></router-link>
    
    
# 如果登录注册是单独一个页面的话比较简单
# 登录注册是弹出模态框--》弹出框---》也是组件---》Login，Register两个组件，普通组件---》放在components文件夹下

2 多方式登陆功能

# 输入用户名(手机号，邮箱)，密码，都能登陆成功，签发token
# {username:lqz/1829348883775/3@qq.com,password:lqz123}--->到后端---》去数据库查用户，如果用户名密码正确，签发token，如果不正确，返回错误

pip install restframework-jwt

2.1 路由

# # 127.0.0.1:8000/api/v1/user/login/mul_login--->post
router.register('login',LoginView , 'login')

2.2 序列化类

from .models import User
from rest_framework import serializers
from rest_framework.exceptions import ValidationError


# 这个序列化类，只用来做反序列化，数据校验，最后不保存，不用来做序列化
class MulLoginSerializer(serializers.ModelSerializer):
    # 一定要重写username这个字段，因为username这个字段校验规则是从User表映射过来的，
    # username是唯一，假设数据库中存在lqz这个用户，传入lqz，字段自己的校验规则就会校验失败，失败原因是数据库存在一个lqz用户了
    # 所以需要重写这个字段，取消 掉它的unique
    username = serializers.CharField(max_length=18, min_length=3)  # 一定要重写，不重写，字段自己的校验过不去，就到不了全局钩子

    class Meta:
        model = User
        fields = ['username', 'password']

    def validate(self, attrs):
        # 在这里面完成校验，如果校验失败，直接抛异常
        # 1 多方式得到user
        user = self._get_user(attrs)
        # 2  user签发token
        token = self._get_token(user)
        # 3  把token,username,icon放到context中
        self.context['token'] = token
        self.context['username'] = user.username
        # self.context['icon'] = 'http://127.0.0.1:8000/media/'+str(user.icon)  # 对象ImageField的对象
        # self.context['icon'] = 'http://127.0.0.1:8000/media/'+str(user.icon)  # 对象ImageField的对象
        request = self.context['request']
        # request.META['HTTP_HOST']取出服务端的ip地址
        icon = 'http://%s/media/%s' % (request.META['HTTP_HOST'], str(user.icon))
        self.context['icon'] =icon
        return attrs

    # 意思是该方法只在类内部用，但是外部也可以用，如果写成__就只能再内部用了
    def _get_user(self, attrs):
        import re
        username = attrs.get('username')
        if re.match(r'^1[3-9][0-9]{9}$', username):
            user = User.objects.filter(mobile=username).first()
        elif re.match(r'^.+@.+$', username):
            user = User.objects.filter(email=username).first()
        else:
            user = User.objects.filter(username=username).first()

        if not user:
            # raise ValidationError('用户不存在')
            raise ValidationError('用户名或密码错误')

        # 取出前端传入的密码
        password = attrs.get('password')
        if not user.check_password(password):  # 学auth时讲的，通过明文校验密码
            raise ValidationError("用户名或密码错误")

        return user

    def _get_token(self, user):
        # jwt模块中提供的
        from rest_framework_jwt.serializers import jwt_payload_handler, jwt_encode_handler
        payload = jwt_payload_handler(user)
        token = jwt_encode_handler(payload)
        return token

2.3 视图类

class LoginView(GenericViewSet):
    serializer_class = MulLoginSerializer
    queryset = User

    # 两个登陆方式都写在这里面（多方式，一个是验证码登陆）
    # login不是保存，但是用post，咱们的想法是把验证逻辑写到序列化类中
    @action(methods=["post"], detail=False)
    def mul_login(self, request):
        try:
            ser = MulLoginSerializer(data=request.data,context={'request':request})
            ser.is_valid(raise_exception=True)  # 如果校验失败，直接抛异常，不需要加if判断了
            token=ser.context.get('token')
            username=ser.context.get('username')
            icon=ser.context.get('icon')
            return APIResponse(token=token,username=username,icon=icon) # {code:100,msg:成功，token:dsadsf,username:lqz}
        except Exception as e:
            raise APIException(str(e))

3 腾讯云短信发送二次封装

# v3版本

# v2版本



# 封装成包，以后，无论什么框架，只要把包copy过去，导入直接用即可


# libs包下---》
libs
	__init__.py
  tencent_sms_v3
  settings.py
  sms.py

init

from .sms import get_code, send_sms

tencent_sms_v3

import random
from . import settings
from utils.log import logger
from tencentcloud.common import credential
from tencentcloud.common.exception.tencent_cloud_sdk_exception import TencentCloudSDKException
# 导入对应产品模块的client models。
from tencentcloud.sms.v20210111 import sms_client, models

# 导入可选配置类
from tencentcloud.common.profile.client_profile import ClientProfile
from tencentcloud.common.profile.http_profile import HttpProfile


# 写两个函数，
# 获取验证码的函数
def get_code(count=4):
    code_str = ''
    for i in range(count):
        num = random.randint(0, 9)
        code_str += str(num)
    return code_str


# 发送短信的函数

def send_sms(phone, code):
    try:
        cred = credential.Credential(settings.SECRETID, settings.SECRETKEY)
        # 实例化一个http选项，可选的，没有特殊需求可以跳过。
        httpProfile = HttpProfile()
        httpProfile.reqMethod = "POST"  # post请求(默认为post请求)
        httpProfile.reqTimeout = 30  # 请求超时时间，单位为秒(默认60秒)
        httpProfile.endpoint = "sms.tencentcloudapi.com"  # 指定接入地域域名(默认就近接入)
        clientProfile = ClientProfile()
        clientProfile.signMethod = "TC3-HMAC-SHA256"  # 指定签名算法
        clientProfile.language = "en-US"
        clientProfile.httpProfile = httpProfile
        client = sms_client.SmsClient(cred, "ap-guangzhou", clientProfile)
        req = models.SendSmsRequest()
        req.SmsSdkAppId = settings.APPID
        req.SignName = settings.SIGNAME
        req.TemplateId = settings.TemplateId
        req.TemplateParamSet = [code,]
        req.PhoneNumberSet = ["+86%s"%phone,]
        req.SessionContext = ""
        req.ExtendCode = ""
        req.SenderId = ""
        client.SendSms(req)
        # print(resp.to_json_string(indent=2))
        return True
    except TencentCloudSDKException as err:
        # 如果短信发送失败，记录一下日志--》一旦使用了记录日志，使用的是django 的日志，以后这个包，给别的框架用，要改日志
        logger.error('手机号为：%s发送短信失败，失败原因：%s'%phone,str(err))

Settings.py

SECRETID=''
SECRETKEY=''
APPID = ""
SIGNAME=''
TemplateId = ""

4 发送短信接口

# get  携带手机号，就发送短信 ---》?phone=19816355215

4.1 路由

# 127.0.0.1:8000/api/v1/user/send/send_message/--->get
router.register('send',SendSmsView , 'send')

4.2 视图函数

class SendSmsView(ViewSet):
    @action(methods=['GET'],detail=False)
    def send_message(self, request):
        try:
            phone = request.query_params.get('phone')
            # 生成验证码
            code = tencent_sms_v3.get_code()
            # code要保存，否则后面没法验证
            res = tencent_sms_v3.send_sms(phone, code)
            if res:
                return APIResponse(msg='短信发送成功')
            else:
                raise APIException("短信发送失败")
        except Exception as e:
            raise APIException(str(e))