注册

微信扫码登录,做了又好像没做

这两天,和微信扫码登录这个功能杠上了。


为什么???


大家都知道,个人网站我做了很多,而我的每个网站都有登录/注册相关的功能。无一例外我的网站都是通过账号和密码这种形式进行登录/注册,而前两天有人和我说这样太麻烦了,搞个扫码登录多方便啊!


你还别说,我以前是真考虑过,但那会不是赶工期嘛,就没去过多的了解扫码登录这回事。而这次再次被提及,那就顺势这两天给他办了吧!


G8JkY.gif


考虑到现在的用户都喜欢使用微信,而微信扫码登录这个功能也是非常普遍的,所以一拍即合,我也整个微信扫码登录。


经过周末两天的摸索,现在个人开发者要给自己的网站加上微信扫码登录这个功能有三个途径:



  1. 利用微信扫码,关注公众号实现微信扫码登录
  2. 利用微信开放平台提供的网站应用提供的获取用户信息接口,实现扫码登录
  3. 利用小程序做中间过渡实现的微信扫码登录

然而,这里我要给你们泼一盆凉水了,这三个方案,我都试过,对于个人而言,无法实现,或者说无法满足我对扫码登录功能的期望



期望:微信扫码,用户授权,获取用户头像及昵称等信息



先来说说公众号,为啥不行。


首先,我有公众号,但是我的公众号仅仅是个人,而不是企业认证的公众号,这就表明我只能发信息,而没有获取和支付等这种高级的功能。


就比如获取用户信息:


Snipaste_2023-06-11_19-04-17.jpg


可能有人会说去认证一个不就行了,我只能说,你们可以去试试(认证费几千块 + 其他材料)。


再来说说微信开放平台,为啥不行。


其实这个平台的对接功能写的非常通俗易懂,而且也相对简单,但是,和上面的问题也是一样,个人想要获取用户相关的功能,也要认证。


那我再看一下他的认证条件吧:


Snipaste_2023-06-11_19-04-117.jpg


这个认证条件倒是简单明了,就 300 块钱,你认证了就给你获取用户的功能权限。


虽然 300 也不是什么大数目,但是我一想我做的那几个项目用户都还没几个,就把 300 花出去,不太划算,所以这个方向也 pass。


那就来看看最后的小程序方案吧!


查看了小程序的接口文档,发现还真有获取用户信息的 wx 接口,文档如下:


Snipaste_2023-06-11_19-47-46.jpg


有了这个接口就好办了,而且个人是可以开发小程序且不需要任何认证流程的,有微信号就 ok。这不就是我想要的方案嘛,有手就行了,扫码登录。


此时我还没意识到,这个有手就行和我想象的不太一样。


敲定好方案之后,我就在脑子里构思如何通借助小程序来实现微信扫码登录,大致思考了一会,我设计了如下登录方案:


Snipaste_2023-06-11_20-06-39.jpg


图中的主要步骤就两个:



  1. 获取小程序二维码,给用户扫码
  2. 微信扫码,获取用户信息,进行后续登录流程

之后通过编码,居然发现最重要的两个信息(头像、昵称)拿不到,我也是醉了。而我去翻看微信的官方文档,原来是腾讯把 wx.getUserProfile 接口给下线了,这给我整无语了。


Snipaste_2023-06-11_21-20-30.jpg


咋办?


小程序代码我都写好上线了,后端的相关接口我也写好了,就差网站页面联调了。你说这功能是联调,还是不联调呢!


算了,先这样吧!功能先保留,等以后要做新的项目了,再把这个功能放上去。现在整个的流程问题比较大的就是获取不到用户的头像和昵称,但是,扫码登录这个基本流程是已经走通的。等新项目对接这个功能的时候,再让用户通过网站提供的功能再来完善用户头像和昵称等信息吧!


Snipaste_2023-06-11_21-29-44.jpg


吐槽完了!!!


最后,感谢各位看官看到这里,如果大家有啥好的微信扫码登录方案,欢迎评论区留言。


作者:J3code
链接:https://juejin.cn/post/7243413799347601464
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

0 个评论

要回复文章请先登录注册