小伙伴们好我最近参加了个特别棒的小游戏抽奖，结果发现有人在恶意刷优惠券~真是让人大吃一惊！但是，我想出了个办法来解决这个问题，那就是用腾讯云的验证码来保护我们的权益。其实，腾讯官方提供的教程真的很详细如果你嫌麻烦或者不愿意研究的话，那就接着看下面的内容~内容都差不多哒。
既然要说怎么接入验证码，那咱们得先明白一点：当我们在小程序里想登陆账号时，它会自动蹦出一个“请求验证码”的页面，让你直接进入那个专门用来获取验证码的小程序。这一操作简单明了，只需要轻轻一按，立马就能进入。
下一步呢就是在那个验证码小程序里搞定验证，然后带点数据回去。虽然看起来有些麻烦，其实很简单！只需要在验证码小程序这里完成核实操作，再带上点儿数据回去原来的小程序。这样一搞，咱们就在原来的小程序那里能抓住这部分数据，然后继续操作。
搞定！接着看下一步哈。在旧版的小程序里，得监控带回来的参数，然后根据结果做点啥。这过程挺容易的，只要在显示小程序页面时加些代码，就能拿到验证结果 captchaResult 了。轻松？
{
"navigateToMiniProgramAppIdList": ["wx5a3a7366fd07e119"]
}
好啦, 咱们现在来聊聊最后一步吧 – 就是要将上面验出来的结果返还给服务端校对。这个步骤真的非常关键！当用户触发了小程序的显示界面后（就是那个小弹窗），你得带上验证出来的结果，还有需要投稿的所有信息，统统发送回服务器检验。这样才能够保证验证码真的有效。其实这个开发过程就像我们搬家一样，各种东西都得往上放！
好，我们继续第五步。当你想让验证码小程序出现时，直接在app.json里配置navigateToMiniProgramAppIdList参数就行了。如果是通过按钮触发的，那就更简单了！
toTCaptcha: function () {
wx.navigateToMiniProgram({
appId: 'wx5a3a7366fd07e119',
path: '/pages/captcha/index',
extraData: {
appId: 'appId' //您申请的验证码的 appId
}
})
}
最后一个步骤！在app.js里我们要拿回验证码的结果，因为只要在app.js这一站拿到跳过的数据，所以咱们得在app.js的onShow事件脚本里加上几个语句去抓取验证 elusive 的 captchaResult。这个过程就像找宝藏似的，别马虎！
之前讲过，现在就要揭示谜底咯！用上腾讯云的验证码，就能轻松搞定小程序抽奖里那些不老实的人碰瓷儿的事儿！这种方式简单直接，又能确保我们的小程序安全无忧。所以大家做小程序的时候可别忘了铺上这道保险！这样才能确保活动公平看不出马脚。好，今天的分享就到这儿喽！期待跟大家见面的话题能更精彩。如果你有啥疑问或者想法，直接告诉我呗。也请你继续支持我们，分享给你的小伙伴们，让他们也来关注我们！咱们下次再聊！
App({
// ...
onShow: function(options) {
// 解决各类回调的兼容问题
if (!this.captchaTicketExpire) this.captchaTicketExpire = {};
if (options.scene === 1038 && options.referrerInfo.appId === 'wx5a3a7366fd07e119') {
const result = options.referrerInfo.extraData;
if (result.ret === 0) {
const ticket = result.ticket;
if (!this.captchaTicketExpire[ticket]) {
this.captchaResult = result;
this.captchaTicketExpire[ticket] = true;
}
} else {
// 用户关闭了验证码
// 这里可以加上一些验证失败提示
}
}
},
// ...
});
评论0