秦子恒个人介绍
秦子恒个人介绍

招商魔术师

部分作品:

《0基础一小时快速建站》

《微博营销实战宝典》

《网络招商系统》

《微信4部曲》

现在就加入微信开发QQ群:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入…

网络新时代栏目
esxi教程 (2) 微信商户恢复解封 (17) exchange邮箱,exchange邮件服务器 (2) docker教程 (8) 五菱燃油观光车价格,五菱旅游观光车厂家 (4) 五菱房车,五菱房车官方网站信息 (20) 五菱物流车,五菱运输车 (3) 五菱公交,五菱客车 (24) 村村通客车 (1) 村村通公交 (1) 五菱房车,五菱房车官网 (26) 五菱校车,五菱校车官网国六 (26) exchange (6) 微信支付服务商 (10) 思科网络 (17) powershell教程 (25) 扫码点餐系统 (2) redis教程 (1) 海外小程序 (1) 微信域名防封系统 (2) 海外公众号 (2) 新加坡微信支付 (1) app应用解封 (5) 公众号解封 (16) 微信服务商 (10) 微信域名检测 (10) 恢复微信屏蔽网站 (110) 微信功能直达 (3) 老来网认证教程 (8) 付费视频网站源码 (34) 香港微信支付 (13) 微信境外支付 (18) wordpress付费阅读插件 (15) swoole教程 (14) 女装 (1) wordpress支付插件 (20) 微信服务直达开发 (16) 微信扫码支付开发 (5) wordpress插件开发 (27) 小程序插件 (6) 玩转小程序 (37) 微信沙箱 (21) web-view (40) 社交立减金 (10) 腾讯云 (22) php7 (36) 支付宝小程序 (4) 微信h5支付 (23) 企业微信 (3) 小程序运营 (17) javascript (29) 小程序支付开发 (44) 支付开发 (1) 小程序开发 (93) 微信小程序 (69) 微信买单 (4) 微信商户号 (10) 公众号支付 (20) 微信小店 (7) vim (5) 生活 (3) php订单 (13) 微信开发 (113) 微信公众号 (86) 饥饿营销 (15) 政府网站 (3) 互联网+ (52) nginx (23) apache (9) linux (42) mysql (14) php (36) 跨境电商 (2) 网站运营 (2) 京东运营 (53) 微博运营 (52) 电商运营 (97) 微电影 (1) 网络招商 (7) 网络招商研究 (8) 网络招商案例 (2) 网络招商教程 (12) 网络招商工具 (3) 招商方案动态 (1) 网络招商灵感 (3) 微博营销 (11) 未分类 (47)

首页 新建小程序项目 小程序发短信验证码,微信小程序获取手机验证码

下面内容小编就为大家带来一篇浅谈小程序发短信验证码,微信小程序获取手机验证码。小编觉得挺不错的,现在就分享给大家,如果你在找小程序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秒倒计时 验证码60秒倒计时[/caption] 在小程序里实现短信验证码功能, 对开发能力要求还是挺高的, 即要会短信接口开发, 猛击这里, 观看《短信接口开发》视频全集 又要懂小程序开发, 猛击这里, 观看《微信小程序支付开发实战》视频全集
微信赞赏码

声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。

发布:秦子恒博客,欢迎转载分享,请保留出处。

小程序发短信验证码,微信小程序获取手机验证码链接:https://www.qinziheng.com/details/4412/