getUserProfile:fail can only be invoked by user TAP gesture

获取用户信息失败，error：getUserProfile:fail can only be invoked by user TAP gesture

它的大概意思就是：该接口必须用户点击才可以调通

官方获取用户信息调整通告：小程序登录、用户信息相关接口调整说明 | 微信开放社区

解决

wx.getUserProfile(Object object)

所以改造下方法，让用户先点击

getUserInfo(e) {var _this = thiswx.showModal({title: '温馨提示',content: '亲，授权微信登录后才能正常使用小程序功能',success(res) {console.log(res)//如果用户点击了确定按钮if (res.confirm) {wx.getUserProfile({desc: '获取你的昵称、头像、地区及性别',success: res => {_this.setData({userInfo: res.userInfo,hasUserInfo: true})console.log(res);console.log(1);},fail: res => {console.log(res)//拒绝授权wx.showToast({title: '您拒绝了请求,不能正常使用小程序',icon: 'error',duration: 2000});return;}});} else if (res.cancel) {//如果用户点击了取消按钮wx.showToast({title: '您拒绝了请求,不能正常使用小程序',icon: 'error',duration: 2000});return;}}});

前端代码也贴出来吧

<view class="container"><view class="userinfo"><block wx:if="{{!hasUserInfo}}"><button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button><button wx:else open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button></block><block wx:else><image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image><text class="userinfo-nickname">{{userInfo.nickName}}</text></block></view>
</view>

效果

完美解决

getUserProfile:fail can only be invoked by user TAP gesture相关推荐

uni-app开发微信小程序常见问题(更新版)：uni.getUserProfile要怎么写？uni.login和uni.getUserProfile的顺序？
相信很多小伙伴之前用的接口是uni.getUserInfo来获取微信用户信息,但自4月13日起这个接口的返回参数不变,但开发者获取的userInfo为匿名信息. (详情:小程序接口调整说明) 本人觉得 ...
微信小程序 - 登录获取openid和用户信息（适配getUserProfile）
GitHub Demo 地址: jh-weapp-demo 实现一些常用效果.封装通用组件和工具类小程序码微信小程序中如果需要使用微信的用户信息建立自己的用户体系,需拿到唯一标识openid,然后 ...
微信小程序信息授权获取（头像，昵称，等）
这里简单说一下微信小程序获取头像,昵称等信息,这里是将demo部分功能单独呈现,最后附上DEMO: 一.效果图: 这个功能比较简单就直接上代码二.代码部分 1..WXML代码示例 <view ...
微信小程序的模板消息与小程序订阅消息
小程序订阅消息功能介绍消息能力是小程序能力中的重要组成,我们为开发者提供了订阅消息能力,以便实现服务的闭环和更优的体验. 订阅消息推送位置:服务通知订阅消息下发条件:用户自主订阅订阅消息卡片跳转能力: ...
微信小程序记录与项目实践
wx.opensetting废弃之后的二次授权(可以通过button也可以通过modal的方式,很多人说不可以用showModal但本人亲测可用,版本为2.8.3) wx.showModal({tit ...
Uni-app小程序问题汇总
1.新建的uniapp项目,运行到小程序报错,信息如下,一时找不到解决办法 vite v2.9.12 building for development... 'isVNode' is not expo ...
微信小程序订阅消息失败
微信小程序订阅消息失败之前测试微信小程序订阅消息都是正常的,并且支持开发工具的调试,但是同样的方法换到另一个页面通过表单提交触发就没有效果.调试之后发现报错信息,errMsg: "requ ...
订阅号消息服务号信息推送
<button bindtap="subscribeMsg">点击订阅消息</button>// 订阅消息subscribeMsg() {let that ...
svn添加钩子hook
svn 提供了钩子功能,可以在提交代码的几个阶段执行脚本. hooks目录下的 pre-commit.tmpl是模板文件 vi pre-commit ------------------------- ...
uniapp微信小程序授权登录和获取微信绑定的手机号码
uniapp微信小程序授权登录和获取微信绑定的手机号码弹出授权的弹框 <view class="weixinOk" @tap="getUserProfile&qu ...

getUserProfile:fail can only be invoked by user TAP gesture

解决

getUserProfile:fail can only be invoked by user TAP gesture相关推荐

最新文章

热门文章