1.前端利用html写上登录按钮:再点击登录按钮时通过绑定点击事件,调取小程序官方文档wx.login
如图所示wx.login成功回调会返回一个code值。
2.
调取后台接口:将code值参数传给后台,后台通过此接口将,openid和unionid返回给前端。
3
点击授权登录按钮,绑定一个点击事件触发小程序 wx.getUserProfile({}),返回给前端用户信息,头像之类的。关于这个可以去微信小程序 wx.getUserProfile 接口获取用户信息 - 简书去了解一下。
4,获取到用户信息后放到缓存,以供后续使用。
5.如果你业务需要手机号授权,请继续看,
通过绑定手机号按钮
<
button
class
=
'pop_btn'
plain
=
"true"open-type='getPhoneNumber'
bindgetphonenumber
=
"getPhoneNumber"
>获取用户手机号</
button
>
将事件返回的数据,传给后台解密接口,并通过解密接口将用户手机号解密出来返给前端。