微信小程序解决onLoad()函数在页面打开后不能直接调用 wx.getUserProfile获取用户头像和昵称问题

在这里插入图片描述
微信小程序已经禁用了组件直接获取用户的头像信息,需要使用wx.getUserProfile获取用户的头像信息,而onLoad(){}函数不能直接调用wx.getUserProfile,致使无法小程序加载成功后自动弹出获取用户信息界面,需要加一个弹窗间接调用wx.getUserProfile()函数,已实现所需功能。

onLoad(){
    var that=this;
     wx.showModal({
     content: '为了更好的用户体验,我们将获取您的头像信息和名称',
      success: function (res) {
        wx.getUserProfile({
          desc: '用于完善会员资料',
         success:function(res){
          console.log(res);
        var avatarUrl = 'userInfo.avatarUrl';
        var nickName = 'userInfo.nickName';
       that.setData({
          [avatarUrl]: res.userInfo.avatarUrl,
          [nickName]:res.userInfo.nickName,
        })
        wx.setStorage({
           
          data:res.userInfo.avatarUrl,
         
          key:"key",
        })
        wx.setStorage({
           
          data:res.userInfo.nickName,
         
          key:"my",
        })
      }
})

onLoad(){}函数现在微信限制不能直接调用wx.getUserProfile函数获取用户信息,需要加一个弹窗间接调用wx.getUserProfile函数从而实现小程序进入后自动弹窗获取用户信息。
注:代码中还涉及到跨页面传值问题setStorage和getStorage如需学习请移步其他博客https://blog.csdn.net/weixin_52342741/article/details/124576820?spm=1001.2014.3001.5501

  • 6
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在开发微信小程序时,调用wx.getUserProfile()用于获取用户头像信息和名称等。在调用wx.getUserProfile()之前,需要先调用wx.login()获取code,并将code传递给后台进行处理。为了保证获取sessionKey在getUserProfile()之前,需要将wx.login()放在wx.getUserProfile()之前执行,否则可能会出现解密失败的问题。此外,需要注意的是,在onLoad(){}函数不能直接调用wx.getUserProfile(),需要通过弹窗的方式间接调用wx.getUserProfile()函数获取用户信息,以实现所需功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [wx.login 和 wx.getUserProfile 同时使用问题](https://blog.csdn.net/weixin_56650035/article/details/120573558)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [微信小程序解决onLoad()函数页面打开不能直接调用 wx.getUserProfile获取用户头像昵称问题](https://blog.csdn.net/weixin_52342741/article/details/124577086)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值