小程序的登录授权

  1. 登录授权流程
  2. 项目中的实现思路
    点击进入店铺–进入首页–获取到token,uid

如何获取token

第一步:通过wx.login得到code,调用接口获取登录凭证(code)。通过凭证进而换取用户登录态信息
第二步:通过调用公司后台接口(自动注册/登录接口)获取腾讯用户的匿名信息

//引入接口
const {authorize}=require(’…/…/http/api’)
//登录/注册
goLogin() {
wx.login({
success(res) {
console.log(res);
let {code}=res;
authorize(code).then(res=>{
console.log(‘我能获取到信息:’,res);
if(res.code===0) {
//解析出token,uid,但是得到是匿名用户信息
let {token,uid}=res.data
if(!wx.getStorageSync(‘token’)) {

        wx.setStorageSync('token', token)
      }
      
    }
  })
}

})

}
第三步:获取微信详细的用户信息

 获取微信用户详细:
 
    以前:wx.getUserInfo()
    现在:wx.getUserProfile()
    
    token:是用户的唯一标识,是用户(前端)登录之后,后台对用户名,密码和失效时间加密返回给浏览器的一个字符串,用户(前端)可以利用token写其他业务代码
    
    检测token是否有效:调取公司后台接口来检测是否有效 user/check-token
    检测微信登录态是否有效  wx.checkSession()

//检测微信登录状态
async function checkSession(){
return new Promise((resolve, reject) => {
wx.checkSession({
success() {
return resolve(true)
},
fail() {
return resolve(false)
}
})
})
}

// 整体检测微信和token是否失效,返回 true / false
async function checkHasLogined() {
const token = wx.getStorageSync(‘token’)
if (!token) {
return false
}
const loggined = await checkSession()
if (!loggined) {
wx.removeStorageSync(‘token’)
return false
}
const checkTokenRes = await WXAPI.checkToken(token)
if (checkTokenRes.code != 0) {
wx.removeStorageSync(‘token’)
return false
}
return true
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值