asp.net core 腾讯验证码的接入

asp.net core 腾讯验证码的接入

Intro

之前使用的验证码服务是用的极验验证,而且是比较旧的,好久之前接入的,而且验证码服务依赖 Session,有点不太灵活,后来发现腾讯也有验证码服务,而且支持小程序,并且是唯一支持小程序的验证码。。(垄断么。。)

而且相比之下,腾讯验证码不需要依赖 Session,集成起来也比较方便,于是就用了腾讯验证码,详细参考:https://007.qq.com/product.html?ADTAG=index.block

验证流程

服务器端接入

Startup 配置:

前端接入

前端接入这里不作多介绍了,接入方式多种多样,具体可以参考官方文档:https://cloud.tencent.com/document/product/1110/36841

下面的代码是 angular spa 在前端接入的核心代码

使用效果:

老版网站接入效果:

Reference

  • https://github.com/WeihanLi/ActivityReservation

  • https://reservation.weihanli.xyz/Home/Reservate

  • https://reservation-client.weihanli.xyz/reservation/new

  • https://cloud.tencent.com/document/product/1110/36841