使用button的open-type="getUserInfo"引导用户进行授权
2024-09-27 00:28:19
https://blog.csdn.net/weixin_39602178/article/details/80295684
一、 前言
小程序官方文档，上面说明
> wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用
<button open-type="getUserInfo"></button>- 1
> 引导用户主动进行授权操作 > 当用户未授权过，调用该接口将直接报错 当用户授权过，可以使用该接口获取用户信息
如上文，之前用户未授权过时，调用wx.getUserInfo会调出授权框；但现在在用户未授权过时调用该接口，会直接走fail方法。
所以我们要使用上述button来请求用户授权。
## 二、主体 ##
以index页面作为展示授权按钮的页面，并且在app.json中将index作为首页。在判断用户授权之后跳转到其他页面。
index.wxml
<button
wx:if="{{canIUse}}"
open-type="getUserInfo"
bindgetuserinfo="bindGetUserInfo"
>授权登录</button>
<view wx:else>请升级微信版本</view>- 1
- 2
- 3
- 4
- 5
- 6
index.js
Page({
data: {
//判断小程序的API，回调，参数，组件等是否在当前版本可用。
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
onLoad: function() {
// 查看是否授权
wx.getSetting({
success: function(res){
if (res.authSetting['scope.userInfo']) {
wx.getUserInfo({
success: function(res) {
console.log(res.userInfo)
//用户已经授权过
}
})
}
}
})
},
bindGetUserInfo: function(e) {
console.log(e.detail.userInfo)
if (e.detail.userInfo){
//用户按了允许授权按钮
} else {
//用户按了拒绝按钮
}
}
})tips:授权之后要跳转到的页面若为 tabBar中的页面 ，则不可以用wx.navigateTo和wx.redirecTo，而应该用wx.switchTab或wx.reLaunch。
最新文章
- lamp搭建，thinkphp安装
- oracle之synonym小结
- Codeforces 710 D. Two Arithmetic Progressions
- 旋转轮子 UIActivityIndicatorView
- 关于DWZ模板中全选的使用
- ClassNotFoundException异常的解决方法
- windows远程连接linux桌面---使用tightvnc或者tigervnc
- 制作win7+ubuntu +winPE+CDlinux多系统启动U盘
- 通讯录改造——MVC设计模式
- percona-MYSQLGUI监控
- BFC与IFC
- ubuntu-10.04的测试环境 安装测试 Coreseek开源中文检索引擎-Sphinx中文版
- LinearLayout具体解释一:LinearLayout的简单介绍
- DynamicObject扩展--实现JSON和DynamicObject的序列化与反序列化
- CompletionService 简介
- ubuntu linux c学习笔记----共享内存(shmget,shmat,shmdt,shmctl)
- Redis详解（四）------ redis的底层数据结构
- 转载&修改：赶集mysql军规
- PhpStorm破解版及使用教程
- jenkins+maven+svn+npm自动发布部署实践