五. Django项目之电商购物商城 -- 短信验证码生成

Django项目之电商购物商城 – 短信验证码生成

需要开发文档和前端资料的可私聊

一. 调用外部接口发送短信验证码

发送短信验证码的功能使用：https://console.yuntongxun.com/member/main

安装：pip install ronglian_sms_sdk

在应用下创建一个包实现发送短信的功能 —— ronglianyun , 创建模块： ccp_sms

二. 创建发送验证码的实例

import json
from ronglian_sms_sdk import SmsSDK

accId = '2c94811c8cd4da0a018f3549b8d279ac'
accToken = '9ac15f4290e44155ad7cf092fa6308cb'
appId = '2c94811c8cd4da0a018f3549ba6579b3'


class CCP:
    # 创建单列模式
    _instance = None
    # 使用new静态方法 创建时值分配一个内存空间 , 避免内存的浪费
    def __new__(cls, *args, **kwargs):
        if cls._instance is None:
            cls._instance = super().__new__(cls, *args, **kwargs)
        return cls._instance

    def send_message(self,mobile,datas):
        sdk = SmsSDK(accId, accToken, appId)
        tid = '1'
        resp = sdk.sendMessage(tid, mobile, datas)
        resp = json.loads(resp)

        # 判断短信验证码是否发送成功
        if resp["statusCode"] == "000000":
            # 短信验证码发送成功
            return 0
        else:
            return -1

send_code = CCP()

三. 修改前端代码

<li>
    <label>短信验证码:</label>
    <input type="text" name="sms_code" id="msg_code" class="msg_input"
    v-model="sms_code" @blur="check_sms_code">
    <a @click="send_sms_code" class="get_msg_code">获取短信验证码</a>
    <span class="error_tip" v-show="error_sms_code">请填写短信验证码</span>
</li>

四. 匹配路由

let url = '/sms_code/'+this.mobile+'/?uuid='+this.uuid+'&image_code='+this.image_code;

路由中含有手机号 , uuid以及用户输入的图盘验证码信息 , 在设置路由中需要匹配用户输入的手机号

# 发送手机验证码
    # let url = '/sms_code/'+this.mobile+'/?uuid='+this.uuid+'&image_code='+this.image_code;
    re_path("^sms_code/(?P<mobile>1[3-9]\d{9})/$", views.SmsCodeView.as_view())

五. 创建视图

实现发送验证码的功能

# 发送短信验证码
class SmsCodeView(View):
    def get(self , request , mobile):
        # 校验图片验证码是否正确

        # 接受参数中的uuid , 以及图片验证码
        uuid = request.GET.get('uuid')
        image_code_client = request.GET.get('image_code')

        # 校验数据是否完整
        if not all([uuid , image_code_client]):
            return HttpResponse("参数有误")



        # 获取redis中的验证码 , 进行验证码的校验
        redis_conn = get_redis_connection('var_code')
        image_code_server = redis_conn.get('image_%s'%uuid)

        send_flag = redis_conn.get('send_%s' % mobile)
        if send_flag:
            return JsonResponse({
                'code': RETCODE.THROTTLINGERR,
                'errmsg': '发送短信验证码过于频繁'
            })

        # 判断图片验证码是否过期
        if image_code_server is None:
            return JsonResponse({
                "code":RETCODE.IMAGECODEERR,
                "errmsg":"图片验证码失效"
            })

        # 删除图片验证码
        redis_conn.delete('image_%s'%uuid)

        # 判断图片验证码是否正确
        image_code_server = image_code_server.decode()
        if image_code_client.lower() != image_code_server.lower():
            return JsonResponse({
                "IMAGECODEERR":RETCODE.IMAGECODEERR,
                "errmsg":"图片验证码错误"
            })

        # 发送短信验证码
        # 随机生成四位数验证码
        sms_code = random.randint(1000, 9999)
        redis_conn.setex('image_%s' % mobile, 400, sms_code)

        # 创建手机表示
        redis_conn.setex('send_%s' % mobile, 60, 1)

        send_code.send_message(mobile=mobile , datas=(sms_code , 5))

        return JsonResponse({
            "code":RETCODE.OK,
            "errmsg":"短信验证码发送成功"
        })

六. 在from组件中校验验证码信息

 sms_code = forms.CharField(max_length=4 , min_length=4)

七. 完善登录视图

判断验证码是否正确 , 实现注册功能

class RegisterView(View):
    def get(self , request):
        return render(request , 'register.html')

    def post(self , request):

        # 将用户数据传入forms组件进行校验
        register_forms = RegisterForms(request.POST)

        if register_forms.is_valid():
            # 注册信息无误
            username = register_forms.cleaned_data.get('username')
            password = register_forms.cleaned_data.get('password')
            mobile = register_forms.cleaned_data.get('mobile')
            client_code = register_forms.cleaned_data.get('sms_code')

            redis_conn = get_redis_connection('var_code')
            server_code = redis_conn.get('image_%s' % mobile)

            # 判断短信验证是否失效
            if server_code is None:
                return render(request , 'register.html' , {"sms_code_errmsg":"短信验证码失效"})


            # 判断短信验证码是否正确
            if server_code.decode() != client_code:
                return render(request , 'register.html' , {"sms_code_errmsg":"短信验证码错误"})

            # 保存用户数据入库
            user = User.objects.create_user(username=username , password=password , mobile = mobile)

            login(request , user)

            return redirect('login')

        else:
            # 获得forms组件的异常信息
            content = {"forms_err_msg" : register_forms.errors}
            return render(request , 'register.html' , content)