微信小程序授权登陆 getUserProfile

简介: 微信小程序授权登陆 getUserProfile

前言

在微信小程序中,你可以使用 getUserProfile 接口来获取用户的个人信息,并进行授权登录。以下是使用 getUserProfile 的步骤:

小程序发了篇公告小程序登录、用户信息相关接口调整说明

235d94f114004793a31a7d95ba088d02.png

将授权登陆获取用户信息的接口调整了,新增了一个wx.getUserProfile。特说明一下授权登陆的注意事项:


步骤:

  1. 原授权登陆流程不变,依旧是

b1cc0c9dcd6f4144bab8fcd25c93d7b4.png

2.在需要进行授权登录的页面或组件的 JavaScript 文件中引入 wx.getUserProfile 方法。例如:

// 在页面或组件的 JavaScript 文件中引入 getUserProfile
import { getUserProfile } from 'wechat-api';
// 其他代码


3.wx.getUserProfile这个API必须写在事件的最上面


示例代码:

wxml:

<button bindtap="login">登陆</button>


js:

login() {
    wx.getUserProfile({
      desc: '展示用户信息', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
      success: (file) => {
        console.log(file)
        wx.login({
          success: (res) => {
            console.log(res);
            wx.request({
              url: 'code获取openid的接口',
              data: {
                code: res.code
              },
              success: (open) => {
                console.log(open.data);
                wx.request({
                  url: '授权登陆接口',
                  data: {
                    openid: open.data.openid,
                    NickName: file.userInfo.nickName,
                    HeadUrl: file.userInfo.avatarUrl
                  },
                  success(data) {
                    console.log(data.data);
                  }
                })
              }
            })
          }
        })
      }
    })
  },


获取用户信息的接口变化历史:

  1. 直接用wx.getUserInfo获取用户信息,后来被限制。
  2. 使用button按钮的open-type="getUserInfo",通过bindgetuserinfo事件获取用户信息,现在叒限制。
  3. 使用API:getUserProFile获取用户信息


注意事项:

需要注意的是,使用 getUserProfile 接口前,请确保已经在微信开发者工具中进行了相应的设置,如在 "小程序设置" > "开发" > "接口设置" 中开启了 "获取用户信息" 权限。

448ff9155b85401dbf755a197dc408b3.jpg

目录
打赏
0
0
0
0
0
分享
相关文章
微信小程序与Java后端实现微信授权登录功能
微信小程序极大地简化了登录注册流程。对于用户而言,仅仅需要点击授权按钮,便能够完成登录操作,无需经历繁琐的注册步骤以及输入账号密码等一系列复杂操作,这种便捷的登录方式极大地提升了用户的使用体验
163 12
微信小程序---授权登录
微信小程序---授权登录
137 0
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
29 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等