微信小程序登录流程

登录流程时序

1.首先通过wx.login获取登录code(登录校验码),然后通过wx.request将code发送到开发者服务器,凭借用户的Appid和code从微信服务器获取session_key(本次会话密钥)和openid,在本地服务器根据这两个信息定义用户的登录状态,并且将用户的登录状态返回到界面,这就是一次完整的用户授权过程
2.授权注意点
A.过去老版本的API中可以直接通过wx.authorize({scope: “scope.userInfo”}), 弹出授权界面
腾讯觉得这种授权方式用户体验不好, 现在要求我们自己引导用户授权
B.如何引导用户授权?
添加一个open-type类型为getUserInfo的按钮, 只要用户点击这个按钮就可以弹出授权窗口

获取用户信息

控件意味着引导用户授权,不会像以前一样莫名其妙的就弹出一个窗口
需要用户授权的原因是使用一些获取用户隐私的API需要用户授权,并不需要刚进入小程序就提示用户授权,这样做用户体验非常差
3.具体授权步骤
在index.wpy中添加上述的授权按钮,并且添加onGotUserInfo(e){console.log(e.detail);}为了保证按钮的美观,可以添加type属性为"primary",然后回到微信开发工具,就会弹出授权窗口,并且会执行onGotUserInfo方法中的内容,打印e.detail:用户获取用户信息返回对象中所有和key有关的内容.


通过添加授权按钮以及编写授权方法就可以实现授权,在授权触发的方法中可以通过e.detail得到以上图片中的数据

这就是引用是我的客户端实际打印的授权数据。
简单流程
1.通过wx.login()获取登录凭证code
2.通过button组件的open-type=“getUserInfo”, 获取用户信息
3.将获取到的登录凭证和用户信息传递到自己的服务器
4.在自己的服务器上将登录凭证发送到微信的服务器上换取openid和session_key
5.利用用户提交的信息在自己的服务器上注册用户账号(等等…)
6.将注册之后的信息返回给微信小程序
7.将注册信息保存起来以便以后使用