我只是想给网站加个注册验证码，咋就那么难！

背景

我的个人项目已经上线挺久了，虽然一直流量不咋地，但也陆陆续续有新用户在加入

慢慢的我发现

大部分人都是用的时间注册一下，只留给我一堆数据垃圾就走了

鉴于大家的防范意识都很强，使用手机号这种具有敏感性的方式可能不是首选，所以考虑与公众号做绑定

这很简单

只需要在公众号后台填入服务器的url

在后端的auth中间件检验一下

js 复制代码

function isFromWechat(ctx) {
  if (cleanPath(ctx.url) === "/微信服务器填写的路由地址" && ctx.method === 'GET') {
    ...
  }
}

当新用户关注时，公众号就会自动向我们的服务器推送一份请求，然后按需处理即可

js 复制代码

router.post("/wx", async (ctx) => {
    ...
});

这种做法我觉得是极好的，既不至于让用户感觉到隐私泄露，又可以给公众号引流，可谓一举两得

后来由于域名没备案导致被微信禁止访问了

不是！我请问呢！！香港服务器备什么案呢！！！

很明显，我最终还是老老实实去做了备案

更逆天的来了

备案后，公众号的消息直接推送不了了。准确来说，是https到不了服务器，而http能到达服务器但是返回的200状态公众号又识别不了

没办法，还是得回到手机号这种方式

这也不难，只需要到服务商购买短信服务然后按照文档接入就可以了

但过程也有点艰辛，或者说莫名其妙！

我当时debugger调试了源码，看了单元测试，都确定我用的没有问题，甚至向官方进行了咨询，但当天怎么都不行

直到第二天，我抱着再试最后一次，不行就再想其他方式的想法又调用了一次，这次竟然通了😂

至于具体的实现，此处就大致过一下

前端大致就这样子，一个手机号输入框，一个验证码获取倒计时

后端的核心是验证码的获取与校验，由于我需要在不同的位置调用，索性就封出来了个class

剩下的就是纯业务逻辑了，比如sts token如何读取和复用以初始化权限等等，这其实并不重要

好不容易把手机验证码搞完了，又出现了新的问题，在微信浏览器里，我的请求被报错了

js 复制代码

Failed to load resource: 发生SSL错误,无法建立到该服务器的安全链接

但是其实，我是有部署的，不信你看

所以，凡事还是要自己亲自去做一遍才知道你有多不行！！！