1.2手机短信验证码

再写代码前我们应该首先有个基本思路

　　1、接收参数（用户填写的手机号，图形验证码以及uuid

　　2、校验参数

　　　　2.1三个参数是否有空值的情况

　　　　2.2校验手机号是否为正常的手机号（这里用正则来校验

　　　　2.3校验图形验证码

　　　　　　利用uuid中redis中获取文字版的图形验证码

　　　　　　将服务器中的验证码和用户填写的进行对比

　　3、发送手机验证码

　　4、将手机验证码存放到redis中

　　5、返回结果

以下是代码的实现

def sms_code():
    # 1.接受参数（手机号，用户填写的图形验证码，UUID）
    res = request.data
    res_dict =json.loads(res)
    mobile = res_dict.get('mobile')
    image_code = res_dict.get('image_code')
    image_code_id = res_dict.get('image_code_id')
    # 2.检验参数
        # 2.1三个三叔是否有空之的情况
    if not all([mobile,image_code,image_code_id]):
        return jsonify(error=RET.PARAMERR,errmsg="缺失参数")
        # 2.2检验手机号是否是正常的手机号（正则
    if not re.match("^1[37895][0-9]{9}$",mobile):
        return jsonify(error=RET.PARAMERR, errmsg="非法手机号")
        # 2.3校验图形验证码
        # 利用UUID从redis中获取文字版图形验证码
    try:
        image_code_server = redis_store.get("image_code:"+image_code_id)
    except Exception as e:
        current_app.logger.error(e)
        return jsonify(error=RET.DATAERR, errmsg="图形验证码查询失败")
    #如果image_code_server没有的话返回一个json数据
    if not image_code_server:
        return jsonify(error=RET.NODATA, errmsg="未查询到验证码bro")
        # 将服务器存储的验证码和用户的验证码进行对比
    if image_code_server.lower() != image_code.lower():
        return jsonify(error=RET.PARAMERR, errmsg="验证码输入错误")
    # 3.发送手机验证码
    sms_code = "%04d"% random.randint(0,9999)
    print(sms_code)
    # sms_res = CCP().send_template_sms(mobile,[sms_code,5],1)
    sms_res = 0
    if sms_res != 0:
        return jsonify(error=RET.THIRDERR, errmsg="短信发送失败")
    # 4.将手机验证码存放到redis中
    try:
        #生成uuid放进redis数据库中
        redis_store.set('sms_code:' + mobile, sms_code, constants.SMS_CODE_REDIS_EXPIRES)
    except Exception as e:
        current_app.logger.error(e)
        return jsonify(error=RET.DATAERR, errmsg="保存失败")
    # 5.返回结果
    return jsonify(error=RET.OK, errmsg="发送成功")
    return jsonify()

其中返回的jsonify(error=RET.,errmsg="")中的RET我们调用的是第三方的包responsee_code.py中的类

用来判断相对应的错误类型以及返回给用户的错误信息

最后还有一点就是第28行中的发送短信我们用的是第三方平台云通讯来发送的..但是吧..这里我们方便一点就用random随机数随便生成一个了

云通讯我会单独用个博客来介绍的

接下来就是js的代码

function sendSMSCode() {
    // 校验参数，保证输入框有数据填写
    $(".get_code").removeAttr("onclick");
    var mobile = $("#register_mobile").val();
    if (!mobile) {
        $("#register-mobile-err").html("请填写正确的手机号！");
        $("#register-mobile-err").show();
        $(".get_code").attr("onclick", "sendSMSCode();");
        return;
    }
    var imageCode = $("#imagecode").val();
    if (!imageCode) {
        $("#image-code-err").html("请填写验证码！");
        $("#image-code-err").show();
        $(".get_code").attr("onclick", "sendSMSCode();");
        return;
    }

    // TODO 发送短信验证码
    var params = {
        'mobile':mobile,
        'image_code':imageCode,
        'image_code_id':imageCodeId
    }
     // TODO 发送短信验证码
    $.ajax({
        url:'/passport/sms_code',   // 请求地址
        type:'post',                // 请求方法
        data:JSON.stringify(params),// 请求参数
        contentType:'application/json',// 数据类型
        success:function (response) {  // 回调函数
            if (response.errno == '0') {
                // 发送短信验证码成功
                alert(response.errmsg);
            } else {
                alert(response.errmsg);
            }
        }
    });
}