微信小程序如何登录获取token

最新推荐文章于 2023-12-28 21:22:01 发布

原创最新推荐文章于 2023-12-28 21:22:01 发布 · 5.8k 阅读

20 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文详细介绍了如何在微信小程序中实现用户登录，通过调用wx.login获取code，再将code发送至后端换取token，最后利用wx.setStorageSync保存token。同时，文章还提及了退出登录时如何清除本地存储的token。

微信小程序呢还是比较好上手的，只要基础不差，基本上看完档就可以直接操作了
首选微信小程序官方文档提供了wx.login
使用wx.login可以获取随机生成的code
然后请求登录接口，向后台发送code，返回的数据，就包含token
我们可以存到本地通过 wx.setStorageSync()

wx.login({
      success(res) {
    	//通过res.code获取随机生成的code
        let {code}=res;
         wx.request({
         //我这里直接拼接了效果一样的
           url: '*******************/user/wxapp/login?code='+code,
           header:{
             'content-type':'application/x-www-form-urlencoded'
           },
           method:'POST',
           success(result) {
             //console.log('登录返回',result)
             //登录返回，在里面可以找到后台返回的随机token
             然后存入到本地
             wx.setStorageSync('token', result.data.data.token)
           }
         })
      }
    })

每个项目的接口需求不一样，但思路是一样的
比如退出登录的时候，我们可以通过 remoteStorageSync() 删除随机获取的token
还有像登录过后获取用户信息啊等然后再把用户信息存入到后台，只要是看需求了~