小程序授权登录

58 篇文章 0 订阅
49 篇文章 0 订阅

1、进入判断是否授权

wx.getSetting({(查看是否授权)
    success:res=>{//调用成功的回调函数	
        if (res.authSetting['scope.userInfo']) {
            // 有值时,代表已授权
        } else{
           //没有授权
        }
    }
})

2、没有授权,提示授权

button组件的open-type=“getUserInfo” 并结合bindgetuserinfo事件,可以获取到用户信息

<button open-type="getUserInfo" bindgetuserinfo="getuserinfo">授权</button>

3、通过bindgetuserinfo事件,获取到个人信息

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星陈~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值