文章目录
- 小程序授权登陆流程
- 1、当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序
- 2、如果没有授权,我们通过一个按钮来实现授权登录
- 3、通过bindgetuserinfo事件,我们可以获取到个人的信息、加密偏移数据、加密用户信息(e.detail获取)
- 4.用户可以授权登录,也可以取消授权
- 5、根据登录接口返回的code码,判断用户是否时新用户
- 6、当用户注册成功后,在调登录接口,保存token。在有些页面需要使用token
- 7、在步骤1中,当我们授权过时,我们要看token是否存在
- 8、当token存在时,我们直接执行逻辑代码
- 9、当token不存在时,我们就需要登录,登录后判断返回的code码,在根据code码判断用户是否是新用户。最后保存token
小程序授权登陆流程
1、当用户进入微信小程序时,首先我们先判断用户是否授权过此小程序
wx.getSetting({(查看是否授权)success:res=>{//调用成功的回调函数 if (res.authSetting['scope.userInfo']) //{res.authSetting['scope.userInfo']有值时,代表已授权}else{//没有授权}}})
2、如果没有授权,我们通过一个按钮来实现授权登录
//在微信小程序开发文档中,我们可以知道当button组件的open-type="getUserInfo" 并结合bindgetuserinfo事件,可以获取到用户信息(是否授权)<button open-type="getUserInfo" bindgetuserinfo="getuserinfo">授权</button>
3、通过bindgetuserinfo事件,我们可以获取到个人的信息、加密偏移数据、加密用户信息(e.detail获取)
getuserinfo(e){console.log(e.detail);//可以获取到个人的信息、加密偏移数据、加密用户信息}`
4.用户可以授权登录,也可以取消授权
用户取消授权
wx.showModal({//显示模态框title: '提示',content: '请先授权之后再进入',showCancel: false,confirmText: '返回授权',success: function (res) {// 用户没有授权成功,不需要改变 isHide 的值if (res.confirm) {console.log('用户点击了“返回授权”');}}})
用户授权
```java
wx.login({//登录success: (res) => {//成功的回调// console.log(res.code);//获取临时登录凭证codeif (res.code) {//当有临时登录凭证code码时,我们请求登录接口//请求登录接口}}
})
5、根据登录接口返回的code码,判断用户是否时新用户
如果不是新用户,我们就直接保存下token(服务器返回的token);如果是新用户,我们就要先注册,在登录
//根据登录返回的code码,我们在需要注册的里面,请求注册接口,并配置好参数、请求方式等//例如:登录接口code码返回10000时,代表未注册,返回0时,代表注册过if (data.code == 10000) {//注册请求接口} else if (data.code == 0) {wx.setStorage({//保存tokendata: token,key: 'token'})}