下面内容小编就为大家带来一篇浅谈小程序发短信验证码,微信小程序获取手机验证码。小编觉得挺不错的,现在就分享给大家,如果你在找小程序requestpayment,小程序绑定支付,小程序名称,也可以做个借鉴。一起跟随小编过来看看吧。
小程序发短信验证码,微信小程序获取手机验证码
作者:小程序开发师 发布时间:2017-11-26
很多公司和企业,
在开发小程序时,
都希望能够得到用户的手机号,
以便在后期可以跟用户持续沟通。
他们会在小程序里,
要求用户填写他的手机号,
为了过滤那些随意填写的无效手机号,
会发一条短信给用户填写的手机,
里面有一个验证码让用户输入。
如果验证码正确,
说明手机号码是真的,
今天来说说小程序验证手机号的情况。
一、 小程序实现手机验证码的准备
你不可能使用你个人的手机号码发送验证码, 因为这样不智能, 无法自动发送, 效率也低, 所以需要做一些准备。1.1) 首先你必须要到一个短信平台注册账号
这里以腾讯云短信平台为演示1.2) 设置短信签名
就是让用户知道是谁发送的短信 [caption id="attachment_4413" align="alignnone" width="800"] 短信签名[/caption] 猛击这里, 观看《设置腾讯云短信签名》视频1.3) 添加短信模板
在模板里可以添加变量, 方便你根据不同用户, 自动编写适合的短信。 [caption id="attachment_4414" align="alignnone" width="800"] 添加短信模板[/caption] 猛击这里, 观看《在腾讯云短信平台中添加短信模板》视频1.4) 设置回调地址
用来接收用户回复的短信内容 [caption id="attachment_4415" align="alignnone" width="800"] 设置腾讯短信回调地址[/caption]二、 小程序验证手机号流程
有了上面的准备, 就可以着手开发短信验证功能了。2.1) 用户填写手机号码,点击‘获取验证码’按钮
猛击这里, 观看《手机验证码页面》视频 [caption id="attachment_4416" align="alignnone" width="328"] 手机短信验证码页面[/caption]2.2) web服务器生成一个验证码,并通过腾讯的短信平台向用户发送短信
这里需要保存生成的验证码, 方便跟用户回复的验证码比较。 猛击这里, 观看《腾讯云发送短信验证码给用户》视频 [caption id="attachment_4417" align="alignnone" width="800"] 发送验证码给用户[/caption]2.3) 用户通过短信回复验证码
注意这一步是用户通过手机完成, 并不是在小程序里回复验证码, 回复的内容会通过腾讯云短信平台转发给我们在 1.4 中设置的回调网址上。2.4) 服务器接收用户回复的验证码
跟 2.2 步骤中保存的验证码进行比较, 如果相同则说明是真实手机号, 否则就是一个无效的手机号码。 猛击这里, 观看《腾讯云短信平台,回调处理用户回复的短信验证码》视频 [caption id="attachment_4418" align="alignnone" width="385"] 短信验证码效果[/caption]三、 小程序验证码60秒倒计时
为了防止用户一短时间内, 多次点击获取验证码, 所以会做一个60秒倒计时的功能。 猛击这里, 观看《手机短信验证码60秒倒计时》视频 [caption id="attachment_4419" align="alignnone" width="562"] 验证码60秒倒计时[/caption] 在小程序里实现短信验证码功能, 对开发能力要求还是挺高的, 即要会短信接口开发, 猛击这里, 观看《短信接口开发》视频全集 又要懂小程序开发, 猛击这里, 观看《微信小程序支付开发实战》视频全集声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
小程序发短信验证码,微信小程序获取手机验证码链接:https://www.qinziheng.com/details/4412/
小程序发短信验证码,微信小程序获取手机验证码相关文章