小程序登陆、获取用户信息、手机号

最新推荐文章于 2024-07-19 10:33:29 发布

杨mu木

最新推荐文章于 2024-07-19 10:33:29 发布

阅读量538

点赞数

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/w84694439/article/details/117704104

版权

本文详细介绍了小程序实现用户登录、获取用户信息和手机号的步骤。首先通过wx.login()获取code，然后结合SECRET获取openid和session_key，完成登录。接着使用wx.checkSession检查登录态。用户信息可通过wx.getUserProfile接口获取，而获取用户手机号则需用户授权并使用session_key进行解密。提供完整的login页面代码示例及后台PHP接口处理方法。

摘要由CSDN通过智能技术生成

第一步：获得code

wx.login()接口：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.login.html

 wx.login({
          success: res => {
            // 获取到用户的 code 之后：res.code
            console.log("用户的code:" + res.code);
              }
            });
          }
        })

第二步：获取到用户的 session_key 与 openid

wx.request({
              // 自行补上自己的 APPID 和 SECRET
              url: 'https://api.weixin.qq.com/sns/jscode2session?appid=你的appid&secret=你的secret&js_code=' + res.code + '&grant_type=authorization_code',
              success: res => {
                // 获取到用户的 session_key openid
                console.log("用户的session_key:" + res.data.session_key);
                console.log("用户的openid:" + res.data.openid);
              }
            });

获取到openid其实就算登陆成功了，openid是用户在当前小程序的唯一标识，存入数据库

第三步：检查登录态是否过期

wx.checkSession接口：https://developers.weixin.qq.com/miniprogram/dev/api/open-api/login/wx.checkSession.html

wx.checkSession({
  success () {
    //session_key 未过期，并且在本生命周期一直有效
  },
  fail () {
    // session_key 已经失效，需要重新执行登录流程
    wx.login() //重新登录
  }
})

好了，现在我们将以上三步整合一下

app.js 复制粘贴看这里

App({
  globalData: {
    openid: '',
    session_key: '',
  },
  onLaunch() {
    var that = this
    // 检查登录态是否过期
    wx.checkSession({
      success () {
        //session_key 未过期，并且在本生命周期一直有效
      },