一、 前言 小程序官方文档，上面说明 > wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用 > 引导用户主动进行授权操作 > 当用户未授权过，调用该接口将直接报错 当用户授权过，可以使用该接口获取用户信息 如上文，之前用户未授权过时，调用wx.getUserInfo会调出授权框...index.wxml <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...canIUse: wx.canIUse('button.open-type.getUserInfo') }, onLoad: function() { // 查看是否授权 wx.getSetting...({ success: function(res){ if (res.authSetting['scope.userInfo']) { wx.getUserInfo
新方法：Open-data的灵活使用方法，不会让你直接获得用户信息，而是小程序点击登录按钮获取用户头像，就是使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息...-- 需要使用 button 来授权登录 --> 获取头像昵称 ...userInfo: res.userInfo, hasUserInfo: true }) } } else { // 在没有 open-type...=getUserInfo 版本的兼容处理 wx.getUserInfo({ success: res => { app.globalData.userInfo
<button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo...button 组件的 open-type 属性赋予了新的有效值 getUserInfo // 加载微信用户信息 // wx.getUserInfo({ /...this.setData({ userInfo: res.userInfo }) } } else { // 在没有 open-type...（）便不再出现授权弹窗了，需要使用button做引导~ <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...res.userInfo, hasUserInfo: true }) } } else { console.log(3) // 在没有 open-type
从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。...开发者可使用以下方式获取或展示用户信息： 一、小程序 1、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。...详情参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html 新的方法的使用 wxml： 授权登录 js: Page({ data: {}, bindGetUserInfo...再来一波demo示范一下 wxml: 获取用户信息
从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败(但不意味着 wx.getUserInfo 不能用了)。...官网文档：open-data开放展示用户信息组件 2、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息（重要） 在之前使用wx.getUserInfo...不受限制，在js任何地方都可以使用，可能是为了防止滥用它，微信就改成必须通过button组件来获取 用户点击按钮授权 wxml: 登陆 js: getUserInfo: function (e) { const userInfo = e.detail.userInfo;...console.log("用户已经授权") } }) } } }) }, //点击登陆 授权 getUserInfo
获取用户信息.png 目前微信提供的获取用户信息的方式主要是下面两种方式 1，通过wx.getUserInfo wx.getUserInfo({ success: function(res...) { console.log(res.userInfo) } }) 2,通过 用于第一种方式...微信api.png 下面就来讲下用第二种方式如何获取用户信息 主要实现代码如下 //user.wxml里布局 <button open-type="getUserInfo" type="primary..._saveUserInfo(user); } else { console.log("用户拒绝了登陆"); } }, 我们通过设置open-type="getUserInfo" 来实现点击登陆按钮时获取用户信息
image.png image.png image.png userInfo参数说明： nickName avatarUrl...// 必须是在用户已经授权的情况下调用 wx.getUserInfo({ success: function(res) { var userInfo = res.userInfo var...-- 需要使用 button 来授权登录 --> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...+ res.errMsg) } } }) } }) 微信登录 wx.getUserInfo(Object object) image.png image.png image.png
开发者默认将 wx.login 和 wx.getUserInfo 绑定使用，这个是由于我们一开始的设计缺陷和实例代码导致： getUserInfo必须通过wx.login 在后台生成session_key...获取用户信息组件介绍 ✦✦02✦✦ 组件变化： open-type 属性增加 getUserInfo ：用户点击时候会触发 bindgetuserinfo 事件。...新增事件 bindgetuserinfo ：当 open-type 为 getUserInfo 时，用户点击会触发。...示例： Click me 和 wx.getUserInfo...getUserInfo 和 login ✦✦04✦✦ 很多开发者会把login和getUserInfo捆绑调用当成登录使用，其实login已经可以完成登录，可以建立账号体系了，getUserInfo只是获取额外的用户信息
从微信小程序官方发布的公告中我们可获知：小程序体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败，需使用 <button open-type="getUserInfo...： 1.当用户未授权过，调用该接口将直接报错 2.当用户授权过，可以使用该接口获取用户信息 但在实际开发中我们可能需要弹出授权询问框，因此需要我们自己来写模拟授权弹框（主要是对 的包裹+用户是否是第一次授权判断来显示该页面），代码如下： 1.页面结构
--> 生成头像1 生成头像2 生成头像3 生成头像4 <button type='primary' bindtap
功能对比讲解 1.4月13日前未发布的，wx.getUserInfo 能力 wx.getUserInfo(Object object) 会返回 encryptedData、signature、rawData...但从 2021年2月23日起，可以通过 wx.login 接口获取的登录凭证可直接换取 unionID，可以替代一部分wx.getUserInfo 的功能了。...2.新增 getUserProfile 能力 wx.getUserProfile 能获取到头像和昵称，可以替代 wx.getUserInfo 的另外一部分功能。...4.wx.getUserInfo 和 wx.getUserProfile 区别 1.功能上是 wx.getUserInfo 不在返回用户授权的头像昵称，只返回匿名信息，但 wx.getUserProfile...，调用 wx.getUserInfo 返回匿名的头像昵称支持服务器解密吗？
-- #ifdef MP-WEIXIN --> <button type="primary" class='btn' open-type="getUserInfo..." @getuserinfo="getUserInfo">获取用户信息 <button type="primary" class='btn' open-type="getPhoneNumber"...获取用户信息 /* 2021年4月30号之后上传小程序获取数据为加密，并且没有授权窗口 */ getUserInfo
developers.weixin.qq.com/community/develop/doc/000aee01f98fc0cbd4b6ce43b56c01 二、实现过程 1.使用 button 组件，并将 open-type...指定为 getUserInfo 类型，用户允许授权后，可获取用户基本信息。...获取用户信息 属性说明 open-type：通过不同属性值，小程序会弹出一个不同的授权提示窗口，让用户选择是否授权。...--index.wxml--> <button open-type="getUserInfo" lang
-- #ifdef MP-WEIXIN --> <button type="primary" open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials
wx.getUserInfo 接口（不推荐使用） wx.getUserInfo接口已经不推荐使用，官方也有相关说明。本文将仅仅对该接口做简单介绍。首先，修改index.wxml文件如下。...授权登录 接下来，打开index.js文件，修改代码如下...index.js下面相关的函数，不过值得注意的是，open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo"这两个参数是小程序button组件特有的特性...详见小程序官方文档，当open-type参数为getUserInfo时bindgetuserinfo就可以回调相关函数，并返回相关数据，这里我们通过console.log将数据打印在控制台出来。...index.wxml <button wx:if="{{button_status}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo
使用前建议先阅读使用指引 1.2.0 getPhoneNumber 获取用户手机号，可以从 bindgetphonenumber 回调中获取到用户信息，具体说明 （*小程序插件中不能使用*） 1.2.0 getUserInfo...open-type="contact"时有效 1.5.0 app-parameter string 否 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 1.9.5...="contact"时有效 1.5.0 bindgetuserinfo eventhandle 否 用户点击该按钮时，会返回获取到的用户信息，回调的 detail 数据与wx.getUserInfo...返回的一致，open-type="getUserInfo"时有效 1.3.0 bindcontact eventhandle 否 客服消息回调，open-type="contact"时有效 1.5.0...否 当使用开放能力时，发生错误的回调，open-type=launchApp时有效 1.9.5 bindopensetting eventhandle 否 在打开授权设置页后回调，open-type=
default config 在src/pages/me目录下的index.vue中，写登录代码 个人中心页面 获取用户信息 import...user" open-type="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">获取用户信息 获取用户信息 点击登录 {{user.nickName
clickMe(){ console.log("点击我"); }, }) wxml中 属性：一键联系客服 联系客服 属性：获取当前用户信息 ...获取用户信息 getUserInfo(e){ console.log(e); }, 将getUserInfo全部改为getPhoneNumber即可用户获取手机号
欢迎来到宠物论坛', userInfo: {}, nickname:"", heads:"", hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo...this.setData({ userInfo: app.globalData.userInfo, hasUserInfo: true }) } else if (this.data.canIUse) { // 由于 getUserInfo...hasUserInfo: true }) // console.log(this.data.heads) // console.log(this.data.nickname) } } else { // 在没有 open-type...=getUserInfo 版本的兼容处理 wx.getUserInfo({ success: res => { app.globalData.userInfo = res.userInfo this.setData...hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 <block
getUserProfile是推荐使用的，官方在2021年4月之后，就不在推荐使用getUserInfo来获取用户信息（昵称和头像）。 下面举个例子。...-- 点击更换头像和昵称 --> 获取头像昵称 使用getUserInfo效果展示如下： index.js.../** * 页面的初始数据 */ data: { src:'/images/wode1.png', name:'Hello Word' }, getUserInfo
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
