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