微信小程序微信小程序开发微信小程序开发

小程序登陆(Laravel后台)

2018-10-11  本文已影响56人  禹声

小程序登陆相比微信登陆要繁琐一些,因为登陆的时候不能直接拿到用户的信息。需要再次到后台进行解密。

这篇文章所用的服务架构如下:

1、Laravel后台:主要是管理用户,和一些操作逻辑登陆逻辑。

2、微信后台:主要是储存微信配置项,用户微信用户授权解密等等。

3、微信官方后台:微信官方服务器。

4、小程序前端

之所以将微信授权和解密放在单独的服务器是因为在公众号授权方面涉及到多站点授权,需要统一回调到统一站点,再进行分发。而且服务单一,易维护。

首先列出应该查看的小程序API:

1、wx.login(Object object)

2、wx.getUserInfo(Object object)

3、code2Session

下面是流程图:

真特么丑

其实认真看图就完全明白了,为了照顾你们可能看不懂我写的字,我就简单说一下流程。

1、用户打开小程序,小程序就执行wx.login方法。会静默获取到js_code。留着备用。

此阶段小程序的有的数据:js_code

2、小程序前端接下来调用wx.getUserInfo方法(withCredentials参数为true),注意这个方法需要用户授权。也就是弹出万恶授权框,⚠️注意用户拒绝授权要做处理(也就是啥都不让用户干,跳到一个页面放一个授权button,点击重新弹出授权框)。授权成功后会返回encryptedData、iv和一堆验证的数据,留着encryptedData、iv备用。

此阶段小程序的有的数据:js_code、encryptedData、iv

3、小程序前端用刚才拿到的js_codeLaravel后台获取3rdSession(后面说这是个啥)。

        a)这个接口都干了啥,返回了啥?

接受到js_code之后,Laravel后台就用这个js_code去请求微信后台的获取open_id和session_key接口。

b)微信后台的这个接口都干了啥?

微信后台调用code2Session接口(上面提到过)。这个接口接收js_code,返回open_id和session_key,返回给Laravel后台open_id和session_key(用来解密,留着备用)。

c)Laravel后台接收到open_id和session_key之后,把这两个放起来存着,因为经常变,放在缓存中就可以。我用的是这种格式[open_id(3rdSeesion) => session_key],之后把open_id(3rdSeesion)返回给小程序前端

3rdSession其实就是一个标识,正常来说应该把open_id和session_key存在缓存,键是一个随机字符串,这个字符串就是3rdSession,为了方便,小程序正好也需要open_id,就用open_id代替了3rdSession。

此时微信后台参数:open_id和session_key

此阶段小程序的有的数据:js_code和open_id、encryptedData、iv、open_id(3rdSession)

4、小程序前端接着用现在有的数据open_id(3rdSession)、encryptedData、iv、去请求Laravel后台解密encryptedData(被加密的用户信息)

        a)这个接口干了啥?

 Laravel后台用传递过来的open_id(3rdSession)、encryptedData、iv、去请求微信后台解密接口。

                b)这个接口干了啥?

微信后台用传之前的 session_key 和传递过来的 iv  去解密encryptedData。将解密后的信息返回给Laravel后台。

c)Laravel后台接收到微信后台返回的用户信息之后,用里面的unionId去做和网站用户的处理(此处看自己网站的逻辑)。处理之后将token返回给小程序前端。接下来就可以实现用户认证的请求,也就是登陆状态。

为什么要用unionId?

因为你不确定你会不会仅仅只开发这个一个小程序,如果同一网站要多个小程序和公众号,这样用户的open_id就很难统一,处理不了。所以在最开始做的时候一定要考虑到这个问题。微信开放平台就是干这个的。自己去文档吧。

建议laravel使用overtrue的easywechat,超级傻瓜式操作。

完事了。

上一篇下一篇

猜你喜欢

热点阅读