Nodejs中如何调用腾讯云的短信验证码接口并对接口进行安全限制

简介

在我们的实际开发当中我们会遇到使用腾讯云短信验证码或者阿里云短信验证码接口等等,这样就需要我们后端去处理这个请求和相关的逻辑判断,这个肯定是不能前端进行验证的,不然就等于直接告诉大家自己的腾讯云配置的secretId和secretKey。是十分的不安全。

开始

既然我们已经知道了具体要实现的功能,那么我们接下就是去实现这个功能。在实现的开发中也是要这样的,先分析功能做出实现此功能的架构,我们再去写代码,这样机会提高很多工作效率而且项目上线后也不会出现bug。

针对此功能我的实现逻辑设计是这样的

  1. 我们先对手机号进行验证判断是否是有效的手机号
  2. 使用math函数生成6位随机整数
  3. 请求腾讯云的短信服务接口给用户发送短信
  4. 将发送成功的短信存到redis中并在字段中设置number用于统计此手机号发送短信验证码的次数
  5. 然后在将发送成功的验证码存到session中,便于后面的登录判断使用

大概的实现逻辑我们清楚了,接下来就是敲代码环境

代码部分

对手机号的格式验证我们使用正则来进行匹配

const phone = req.body.phone //POST请求上来的手机号
phone.match(/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/g) 

如果手机号格式正确会返回一个数组,否则就是null或者空数组

接下来就是生成6位的随机整数

const code = Math.round(Math.random() * (899999) + 100000)
console.log(code)

调用腾讯云的短信接口,我们就可以参考腾讯云官方的示例

地址:https://cloud.tencent.com/document/product/382/43197#.E5.8F.91.E9.80.81.E7.9F.AD.E4.BF.A1

redis和session没啥好说的直接导入包,然后封装一下就可以了,下一篇文章我会放出来redis的配置和session的配置,这里就不多说废话了。

基本上需要的部分都搞定了接下来就是完整的实现代码
对手机号这种数据我们用过进行加密传参,所以我使用了base64加密

/*
 * @Author: zhizhuo 
 * @Date: 2022-03-25 10:08:57 
 * @Last Modified by: zhizhuo
 * @Last Modified time: 2022-03-25 14:24:30
 */

const models = require('../../models')
const tencentcloud = require("tencentcloud-sdk-nodejs")
const { setString, getString } = require('../../redis')
const Base64 = require('js-base64')
const moment = require('moment')
// 导入对应产品模块的client models。
const smsClient = tencentcloud.sms.v20210111.Client
//腾讯云短信配置文件,这些在腾讯云控制台都能看见
const config = {
    secretId: '',
    secretKey: '',
    SmsSdkAppId: "",
    SignName: "",
    TemplateId: "",
    Time: 5,
    timenow: moment().format('YYYYMMDD') + '00',
    timeend: moment().format('YYYYMMDD') + '23',
    time_now: moment().format("YYYY-MM-DD HH:mm:ss"),
    time_end: moment().format("YYYY-MM-DD") + ' 23:59:59'
}


class Code {
    //获取短信验证码接口/发送短信
    async getcode(req, res) {
        try {
            const phone = Base64.decode(req.body.phone)
            const code = Math.round(Math.random() * (899999) + 100000)
            const time_key = moment(moment().format("YYYY-MM-DD") + ' 23:59:59').diff(moment(moment().format("YYYY-MM-DD HH:mm:ss")), 'seconds')
            if (!phone || phone.length != 11 || !phone.match(/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/g) || phone.match(/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/g)[0].length != 11) {
                var data = {
                    code: 500,
                    msg: '请输入手机号'
                }
                res.json(data)
                return
            }
            const client = new smsClient({
                credential: {
                    secretId: config.secretId,
                    secretKey: config.secretKey,
                },
                /* 必填:地域信息,可以直接填写字符串ap-guangzhou,支持的地域列表参考 https://cloud.tencent.com/document/api/382/52071#.E5.9C.B0.E5.9F.9F.E5.88.97.E8.A1.A8 */
                region: "ap-guangzhou",
                /* 非必填:
                 * 客户端配置对象,可以指定超时时间等配置 */
                profile: {
                    /* SDK默认用TC3-HMAC-SHA256进行签名,非必要请不要修改这个字段 */
                    signMethod: "HmacSHA256",
                    httpProfile: {
                        /* SDK默认使用POST方法。
                         * 如果你一定要使用GET方法,可以在这里设置。GET方法无法处理一些较大的请求 */
                        reqMethod: "POST",
                        /* SDK有默认的超时时间,非必要请不要进行调整
                         * 如有需要请在代码中查阅以获取最新的默认值 */
                        reqTimeout: 30,
                        /**
                         * 指定接入地域域名,默认就近地域接入域名为 sms.tencentcloudapi.com ,也支持指定地域域名访问,例如广州地域的域名为 sms.ap-guangzhou.tencentcloudapi.com
                         */
                        endpoint: "sms.tencentcloudapi.com"
                    },
                },
            })
            /* 请求参数,根据调用的接口和实际情况,可以进一步设置请求参数
            * 属性可能是基本类型,也可能引用了另一个数据结构
            * 推荐使用IDE进行开发,可以方便的跳转查阅各个接口和数据结构的文档说明 */
            // const params2 = {
            //     // 短信应用ID: 短信SdkAppId在 [短信控制台] 添加应用后生成的实际SdkAppId,示例如1400006666
            //     SmsSdkAppId: config.SmsSdkAppId,
            //     // 拉取最大条数,最多100条
            //     Limit: 100,
            // }
            // // 通过client对象调用想要访问的接口,需要传入请求对象以及响应回调函数
            // client.PullSmsSendStatus(params2, function (err, response) {
            //     // 请求异常返回,打印异常信息
            //     if (err) {
            //         console.log(err)
            //         return
            //     }
            //     // 请求正常返回,打印response对象
            //     console.log(response)
            //     res.json(response)
            // })

            /* 请求参数,根据调用的接口和实际情况,可以进一步设置请求参数
            * 属性可能是基本类型,也可能引用了另一个数据结构
            * 推荐使用IDE进行开发,可以方便的跳转查阅各个接口和数据结构的文档说明 */
            // const params1 = {
            //     // 短信应用ID: 短信SdkAppId在 [短信控制台] 添加应用后生成的实际SdkAppId,示例如1400006666
            //     SmsSdkAppId: config.SmsSdkAppId,
            //     // 拉取最大条数,最多100条
            //     Limit: 10,
            //     // 偏移量 注:目前固定设置为0
            //     Offset: 0,
            //     // 开始时间,yyyymmddhh 需要拉取的起始时间,精确到小时
            //     BeginTime: config.timenow,
            //     // 结束时间,yyyymmddhh 需要拉取的截止时间,精确到小时
            //     // 注:EndTime 必须大于 BeginTime
            //     EndTime: config.timeend,
            // }
            // 通过client对象调用想要访问的接口,需要传入请求对象以及响应回调函数
            // client.SendStatusStatistics(params1, function (err, response) {
            //     // 请求异常返回,打印异常信息
            //     if (err) {
            //         console.log(err)
            //         return
            //     }
            //     // 请求正常返回,打印response对象
            //     console.log(response)
            // })
            const params = {
                /* 短信应用ID: 短信SmsSdkAppId在 [短信控制台] 添加应用后生成的实际SmsSdkAppId,示例如1400006666 */
                // 应用 ID 可前往 [短信控制台](https://console.cloud.tencent.com/smsv2/app-manage) 查看
                SmsSdkAppId: config.SmsSdkAppId,
                /* 短信签名内容: 使用 UTF-8 编码,必须填写已审核通过的签名 */
                // 签名信息可前往 [国内短信](https://console.cloud.tencent.com/smsv2/csms-sign) 或 [国际/港澳台短信](https://console.cloud.tencent.com/smsv2/isms-sign) 的签名管理查看
                SignName: config.SignName,
                /* 模板 ID: 必须填写已审核通过的模板 ID */
                // 模板 ID 可前往 [国内短信](https://console.cloud.tencent.com/smsv2/csms-template) 或 [国际/港澳台短信](https://console.cloud.tencent.com/smsv2/isms-template) 的正文模板管理查看
                TemplateId: config.TemplateId,
                /* 模板参数: 模板参数的个数需要与 TemplateId 对应模板的变量个数保持一致,若无模板参数,则设置为空 */
                TemplateParamSet: [code, config.Time],
                /* 下发手机号码,采用 e.164 标准,+[国家或地区码][手机号]
                 * 示例如:+8613711112222, 其中前面有一个+号 ,86为国家码,13711112222为手机号,最多不要超过200个手机号*/
                PhoneNumberSet: ['+86' + phone],
                /* 用户的 session 内容(无需要可忽略): 可以携带用户侧 ID 等上下文信息,server 会原样返回 */
                SessionContext: "",
                /* 短信码号扩展号(无需要可忽略): 默认未开通,如需开通请联系 [腾讯云短信小助手] */
                ExtendCode: "",
                /* 国际/港澳台短信 senderid(无需要可忽略): 国内短信填空,默认未开通,如需开通请联系 [腾讯云短信小助手] */
                SenderId: "",
            }
            //在redis中读取一下这个手机号是否发送过短信
            var getresult = JSON.parse(await getString(phone))
            const time_last = moment(moment().format("YYYY-MM-DD HH:mm:ss")).diff(moment(getresult.create_time), 'minutes')
            const again = 5 - moment(moment().format("YYYY-MM-DD HH:mm:ss")).diff(moment(getresult.create_time), 'minutes')
            if (time_last < 5) {
                var data = {
                    code: 500,
                    msg: '请过' + again + '分钟后再尝试'
                }
                res.json(data)
                return
            }
            if (!getresult || getresult.number > 5) {
                send_code(phone, code, getresult)
            } else {
                var data = {
                    code: 500,
                    msg: '此手机号今日获取验证码次数已达上线,请24小时后重试'
                }
                res.json(data)
            }
            // 通过client对象调用想要访问的接口,需要传入请求对象以及响应回调函数
            function send_code(phone, code, getresult) {
                client.SendSms(params, async function (err, response) {
                    // 请求异常返回,打印异常信息
                    // if (err) {
                    //     console.log(err)
                    //     return
                    // }
                    // 请求正常返回,打印response对象
                    if (response.SendStatusSet[0].Code == 'Ok') {
                        let number = 0
                        if (getresult) {
                            number = getresult.number + 1
                        } else {
                            number = 1
                        }
                        var code_data = {
                            code: code,
                            number: number,
                            create_time: moment().format("YYYY-MM-DD HH:mm:ss"),
                        }
                        //在redis中统计此用户的请求次数
                        var result = await setString(phone, JSON.stringify(code_data), time_key)
                        //在session中设置验证码code
                        if (req.session.code) {
                            delete req.session.code//销毁session让用户重新获取新的session
                            req.session.code = code // session 存储验证码数值
                        } else {
                            req.session.code = code // session 存储验证码数值
                        }
                        var data = {
                            code: 200,
                            msg: '发送成功'
                        }
                        res.json(data)
                    } else {
                        var data = {
                            code: 500,
                            msg: '发送失败,请稍后重试'
                        }
                        res.json(data)
                    }
                })
            }
        } catch (error) {
            var data = {
                code: 500,
                msg: '异常请求'
            }
            res.json(data)
        }
    }
}

module.exports = new Code()

我使用redis统计了该手机获取验证码的次数,用于判断是否正常的用于避免有人而已使用接口,导致短信资源被浪费

登录部分的验证:

/*
 * @Author: zhizhuo 
 * @Date: 2022-02-08 17:52:00 
 * @Last Modified by: zhizhuo
 * @Last Modified time: 2022-03-25 14:29:19
 */

const models = require('../../models')
const djangoHash = require('django-hash')
const createToken = require('../../token/token')
const aes = require('../../AES/index')
const moment = require('moment')
const Base64 = require('js-base64')

class User {
    async login(req, res) {
        var username = Base64.decode(req.body.username)
        var password = Base64.decode(req.body.password)
        var code = Base64.decode(req.body.code)
        if (username && password) {
            if (username.length > 11 || username.length < 11 || !username.match(/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/g) || username.match(/^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/g)[0].length != 11) {
                var data = {
                    code: 500,
                    msg: '账号输入有误,请重新输入'
                }
                delete req.session.code//销毁session让用户重新获取新的session
                req.session.destroy()//销毁session
                res.json(data)
            } else if (password.length > 18) {
                var data = {
                    code: 500,
                    msg: '密码输入长度过长,请重新输入'
                }
                delete req.session.code//销毁session让用户重新获取新的session
                req.session.destroy()//销毁session
                res.json(data)
            } else if (password.length < 6) {
                var data = {
                    code: 500,
                    msg: '密码输入长度过短,请重新输入'
                }
                delete req.session.code//销毁session让用户重新获取新的session
                req.session.destroy()//销毁session
                res.json(data)
            } else if (!req.session.code) {
                var data = {
                    code: 500,
                    msg: '验证码已经过期请重新输入'
                }
                delete req.session.code//销毁session让用户重新获取新的session
                req.session.destroy()//销毁session
                res.json(data)
            } else if (code = !req.session.code) {
                var data = {
                    code: 500,
                    msg: '验证码错误请重新输入'
                }
                delete req.session.code//销毁session让用户重新获取新的session
                req.session.destroy()//销毁session
                res.json(data)
            }
            else {
                //手机号的AES加密
                var key = ''//自定义的key 16或者32位
                var iv = ''//位移偏亮自定义的
                var username_aes_result = aes.Encrypt(username, key, iv)
                var result = await models.auth_user.findAll({
                    where: { is_superuser: 1, phone: username_aes_result },
                    attributes: ['id', 'phone', 'password', 'last_login']
                })
                if (result && result.length > 0) {
                    //登录密码的验证
                    let passwordhash = result[0].password
                    djangoHash.verify(password, passwordhash).then(async (resultpassword) => {
                        if (resultpassword == true) {
                            let time = moment().format("YYYY-MM-DD")
                            var login_result = await models.auth_user.update({
                                last_login: time
                            }, {
                                where: {
                                    phone: username_aes_result
                                }
                            }
                            );
                            if (login_result && login_result[0] == 1) {
                                var login_auth = 1
                                var login_time = moment().format("YYYY-MM-DD HH:mm:ss")
                            } else {
                                var login_auth = 0
                                var login_time = moment().format("YYYY-MM-DD HH:mm:ss")
                            }
                            var data = {
                                code: 200,
                                msg: '登录成功',
                                login_num: login_auth,
                                login_time: login_time,
                                token: createToken({ id: result[0].id + 1000000 })
                            }
                            delete req.session.code//销毁session让用户重新获取新的session
                            req.session.destroy()//销毁session
                            res.json(data)
                        } else {
                            var data = {
                                code: 500,
                                msg: '密码错误'
                            }
                            delete req.session.code//销毁session让用户重新获取新的session
                            req.session.destroy()//销毁session
                            res.json(data)
                        }
                    }).catch(err => {
                        var data = {
                            code: 500,
                            msg: '登录出错'
                        }
                        delete req.session.code//销毁session让用户重新获取新的session
                        req.session.destroy()//销毁session
                        res.json(data)
                    })
                } else {
                    var data = {
                        code: 500,
                        msg: '当前账号无权登录'
                    }
                    delete req.session.code//销毁session让用户重新获取新的session
                    req.session.destroy()//销毁session
                    res.json(data)
                }
            }
        } else {
            var data = {
                code: 500,
                msg: '请输入账号和密码'
            }
            delete req.session.code//销毁session让用户重新获取新的session
            req.session.destroy()//销毁session
            res.json(data)
        }
    };


module.exports = new User();

这里无论哪一步错误我都销毁session,防止验证码被重复使用,提高用户的安全性,可以很有效的避免爆破工具对用户的密码爆破。

最后

如果本篇文章对你有帮助请点个赞和收藏

Node.js后端结合UniApp前端,利用腾讯云短信服务实现真实手机号验证码登录的过程可以分为以下几个步骤: 1. **注册腾讯云账号**: - 注册登录腾讯云账号,开通短信服务(如云通讯COSM)。 2. **获取API密钥**: - 在控制台找到短信服务相关管理页面,获取APP Key和Secret Key。 3. **安装SDK**: - 安装Node.js SDK,如`@tencent/cosm-sdk-nodejs`,用于发送短信。 ```bash npm install @tencent/cosm-sdk-nodejs ``` 4. **后端实现短信发送**: - 编写Node.js代码,调用腾讯云短信API,输入用户电话号码和验证码。 ```javascript const COSM = require('@tencent/cosm-sdk-nodejs'); async function sendSms(phoneNumber) { const client = new COSM({ appId: 'YOUR_APP_ID', apiKey: 'YOUR_API_KEY', secretKey: 'YOUR_SECRET_KEY', }); try { await client.smsCodeSend({ phoneNumber }); console.log('短信已发送'); } catch (error) { console.error('Error sending SMS:', error); } } ``` 5. **前端调用后端接口**: - 在UniApp中,发起GET请求获取验证码在用户输入验证码后发送至后端验证。 ```html <template> <button @click="sendVerification">获取验证码</button> <input v-model="phoneNumber" placeholder="请输入手机号码"/> </template> <script> export default { methods: { sendVerification() { // 发送请求到后端获取验证码 this.$axios.get('/api/sendSms', { params: { phoneNumber: this.phoneNumber } }).then(response => { // 用户输入验证码 }); }, }, }; </script> ``` 6. **后端验证**: - 接收前端发送来的验证码,与数据库保存的验证码进行比对。 7. **用户登录**: - 用户输入验证码无误后,允许用户登录系统。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

执着1111

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值