走啊走
来学wordpress建站吧

WordPress后台登陆添加短信注册验证码功能

短信验证码登陆已经非常流行,我们怎样在 WordPress 中的实现短信注册验证码登录功能呢?其实很简单,整合短信接口的对接完成接口实现,耐心调试就可以完成而且官方都提供的有 SDK 和代码供参考。所以操作起来也很方便。下面布大挖给大家介绍下整体的操作步骤。


验证码短信服务接口

短信接口是简单的技术实现,使用哪家的接口要看稳定性、灵活性价格等因素,国内常用的几个短信服务商,供大家参考。

服务商    模板短信内容短信 语音验证码 最低消费 最低消费单价
Luosimao × ✓ ✓ ¥850(1万条) ¥0.085/条
云片网络 × ✓ ✓ ¥55(1千条) ¥0.055/条
容联·云通讯 ✓ × ✓ 充值¥500 ¥0.055/条
SUBMAIL ✓ × × ¥100(1千条) ¥0.100/条
云之讯 ✓ × ✓ — ¥0.050/条
聚合数据 ✓ × ✓ — ¥0.035/条
阿里大鱼 ✓ × ✓ — ¥0.045/条
SendCloud ✓ × ✓ — ¥0.048/条

发送及验证短信后端代码实现

发送短信之前,我们需要生成一个随机的验证码,通过短信发送同时也保存到我们本地数据库里,供验证时判断验证码是否正确。下面是我在做一个wordpress网站注册登录到发送的简单代码逻辑,大家可以参考一下。

注意两点:
一是在发送验证码之前,先保存验证码数据库中,以免验证码发出去了,数据库却保存失败了,这时候就算用户收到了短信验证码,去验证的时候也是失败的,如果保存数据库失败,直接提示一个发送失败的消息就可以了,不要再发送短信造成浪费;

二是保存数据库的时候,需要考虑用户没有收到短信,重新发送的情况,这个时候是更新数据库中的记录,而不是新建,如果是新建,短信验证记录就重复了,验证短信的时候,很可能获取的是上一条验证记录,用户使用当前收到的验证码验证的时候,也是验证通不过的。

接收了正确的请求之后,上面的路由返回的是一个 json 格式的消息字符串,我们可以在前端根据返回的字符串做进一步的处理,下面我们来看一下前端代码的实现。

发的短信验证码的前端代码实现

下面的代码实现就是发送验证短信一分钟之后,可以重新发送,需要注意的是计时器的触发时机,在成功发送了短信之后才启用,否则用户的手机或者其他原因没能发送短信,用户还要白等一分钟,才能继续发送短信。

发送注册登录验证短信之后,前端后段的实现都有了,最后就是实现用户注册或登录了,这一步就是比较常规的操作了,根据用户的手机号,从数据库中取出验证码,和用户提交过来的验证码比对,如果一致,说明验证码正确,进行下一步的处理;如果不一致,说明验证码错误,提示用户验证码错误,让用户修正或者重新发送验证码。

微信订阅号:wordpress8—WordPress建站吧 » WordPress后台登陆添加短信注册验证码功能

评论 3

#快捷签到点我#

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #2

    我自己学做,近期开发的新主题可以试试啊,html+php+js 算得上全是自己写的吧,还是靠百度 https://www.zouaw.com/1605.html

    smartcim10个月前 (12-30)回复
  2. #1

    玩技e族来看看。

    玩技e族10个月前 (12-26)回复
    • 欢迎常来!!

      smartcim10个月前 (12-26)回复


走啊走—【WordPress建站吧,轻松学建站!关注微信订阅号:wordpress8】

wordpress建站安装》联系我们
[关闭]