小程序授权弹出框

最新推荐文章于 2025-05-22 15:14:39 发布

原创最新推荐文章于 2025-05-22 15:14:39 发布 · 823 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端

小程序专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在微信小程序中实现用户授权登录的方法，并详细解释了如何通过调整wx.getUserProfile参数来避免授权提示弹窗的出现，对于希望优化用户体验的小程序开发者来说非常实用。

需求：小程序授权的弹出框不显示
原因：参考资料

解决：wx.getUserProfile(Object object）参考资料

代码如下：

index.wxml

<view >
    <button bindtap="getUserProfile">授权登录</button>
</view>

index.js

getUserProfile:(e) =>{
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({//desc：必须写不写会不弹出弹框
      desc: '用于授权', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success:(res)=>{//建议使用es6箭头函数避免this指向问题
      		console.log(res)
      }
    })
  },