微信小程序getUserInfo回调详解

本文主要介绍了微信小程序-getuserinfo回调的实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下,希望能帮助到大家。

微信小程序-getUserInfo回调的实例详解

前言:

这里就不吹嘘微信小程序有多厉害了,毕竟也不是我写的,直接谈谈我在做小程序开发时遇到的奇异Bug。

getUserInfo多次调用:

对于wx.getUserInfo应该很多开发者都用过,用于获取用户基本信息,前提是需要用户授权,如果用户先前没有授权,则弹出一个提示框如下:

微信小程序getUserInfo回调详解

点击允许后,我们就能拿到用户信息,再进行后面的一系列操作。这一切看起来都是那么美好,可是在某次运行中,点允许授权后,程序并没有按照我们的预期往下执行。最后发现在其他的地方也调用一次了wx.getUserInfo方法,并且只执行了其中一个授权成功的回调。假设是如下代码:

微信小程序getUserInfo回调详解

结论:

1. 如果用户已授权: A B C都会被打印。

2. 用户未授权:点击允许后,A B C三个其一会被随机打印。

当然最好不要在多处同时调用wx.getUserInfo方法,不然遇到这个问题会很头疼。我对这个问题的看法是,多次调用getUserInfo方法只会产生一个弹窗的实例,所以点击允许时,只执行一次回调也很正常,但是随机执行其中一个方法就很奇怪了。

解决方法:

1. 不同时调用wx.getUserInfo方法,需要同时调用的情况少之又少。

2. 封装一个getUserInfo方法,把传入的回调方法存入数组,在授权成功/失败的回调中遍历调用后清空数组。

以下是测试环境:

微信开发者工具版本:v1.01.170925

基础库版本: 1.3.0

相关推荐:

javascript – 小程序wx.getUserInfo 中的 encryptData 解密

微信小程序返回多级页面如何实现

微信小程序template模板详解

以上就是微信小程序getUserInfo回调详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2790303.html

(0)
上一篇 2025年3月8日 18:54:58
下一篇 2025年3月8日 18:55:07

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 微信小程序返回多级页面如何实现

    本文主要介绍了微信小程序返回多级页面的实现方法的相关资料,希望通过本文能帮助到大家,让大家实现这样的功能,需要的朋友可以参考下,希望能帮助到大家。 微信小程序返回多级页面的实现方法 微信小程序开发中,返回上一页是很普遍的操作,最常见的是点击…

    编程技术 2025年3月8日
    100
  • vue中v-model动态生成详解

    本文主要介绍了vue中v-model动态生成的实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下,希望能帮助到大家。 vue中v-model动态生成的实例详解 前言: 最近在做公司的项目中,有这么一…

    2025年3月8日
    200
  • 微信小程序input输入实例详解

    本文主要介绍了微信小程序 input输入及动态设置按钮的实现的相关资料,希望通过本文能帮助到大家,需要的朋友可以参考下,希望能帮助到大家。 微信小程序 input输入及动态设置按钮的实现 【需求】实现当手机号已填写和协议已勾选时,“立即登录…

    编程技术 2025年3月8日
    200
  • 本地搭建微信小程序服务器如何实现

    本文主要介绍了本地搭建微信小程序服务器的实现方法的相关资料,希望通过本文能帮助到大家,让大家轻松的搭建自己的微信小程序的服务器,需要的朋友可以参考下,希望能帮助到大家。 本地搭建微信小程序服务器的实现方法 现在开发需要购买服务器,价格还是有…

    2025年3月8日 编程技术
    200
  • vue-resource拦截器设置头信息详解

    本文主要为大家带来一篇vue-resource拦截器设置头信息的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 使用vue-resource,设置头信息: Vue.http.inter…

    编程技术 2025年3月8日
    200
  • webpack后端渲染详解

    本文主要介绍了webpack配置之后端渲染详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 webpack配置之后端渲染2017年, vue, react, angular 已经占据前端的…

    2025年3月8日
    200
  • Angular js综合操作方法详解

    本文主要介绍了angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法,需要的朋友可以参考下,希望能帮助到大家。 小编在上篇文章给大家介绍了AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断…

    编程技术 2025年3月8日
    200
  • vue 组件之间使用eventbus传值详解

    本文主要介绍了vue 组件之间使用eventbus传值。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 对于前端的我们而言,并非是只有写界面才是最大的问题,很多的情况下,我们需要关注的是数据,…

    2025年3月8日 编程技术
    200
  • JavaScript模块模式详解

    本文主要介绍了javascript模块模式,结合实例形式详细分析了js模块模式的相关概念、功能、扩展等操作技巧,需要的朋友可以参考下,希望能帮助到大家。 在JS中没有Class的概念,那么如何体现Object的Public和Private属…

    编程技术 2025年3月8日
    200
  • vue生成token保存在客户端中详解

    本文主要介绍了vue生成token保存在客户端localstorage中的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 前面我们已经了解了可以通过localStorage在客户端(浏览…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论