open-type="getuserinfo" - 腾讯云开发者社区

文章/答案/技术大牛

发布

【微信小程序开发】使用button标签的open-type=getUserInfo引导用户去授权

一、前言小程序官方文档，上面说明 > wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用 open-type="getUserInfo..."> > 引导用户主动进行授权操作 > 当用户未授权过，调用该接口将直接报错当用户授权过，可以使用该接口获取用户信息如上文，之前用户未授权过时，调用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

2.2K1 0

小程序最新标准授权登录流程+逻辑

新方法：Open-data的灵活使用方法，不会让你直接获得用户信息，而是小程序点击登录按钮获取用户头像，就是使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息...-- 需要使用 button 来授权登录 --> open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 ...userInfo: res.userInfo, hasUserInfo: true }) } } else { // 在没有 open-type...=getUserInfo 版本的兼容处理 wx.getUserInfo({ success: res => { app.globalData.userInfo

1.8K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

小程序最新标准授权登录流程+逻辑

7121 0

小程序新方法 open-type获取头像昵称

从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。正式版暂不受影响。...开发者可使用以下方式获取或展示用户信息：一、小程序 1、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息。...详情参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html 新的方法的使用 wxml： open-type...="getUserInfo" bindgetuserinfo="bindGetUserInfo" >授权登录 js: Page({ data: {}, bindGetUserInfo...再来一波demo示范一下 wxml: open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">获取用户信息

2.5K2 0

解决微信小程序登录与发布的一些问题

open-type="getUserInfo"> open-type="getUserInfo" bindgetuserinfo...button 组件的 open-type 属性赋予了新的有效值 getUserInfo // 加载微信用户信息 // wx.getUserInfo({ /...this.setData({ userInfo: res.userInfo }) } } else { // 在没有 open-type...（）便不再出现授权弹窗了，需要使用button做引导~ open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...res.userInfo, hasUserInfo: true }) } } else { console.log(3) // 在没有 open-type

9273 0

微信小程序-用户授权获取信息

从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败(但不意味着 wx.getUserInfo 不能用了)。...官网文档：open-data开放展示用户信息组件 2、使用 button 组件，并将 open-type 指定为 getUserInfo 类型，获取用户基本信息（重要）在之前使用wx.getUserInfo...不受限制，在js任何地方都可以使用，可能是为了防止滥用它，微信就改成必须通过button组件来获取用户点击按钮授权 wxml: open-type="getUserInfo" bindgetuserinfo...="getUserInfo">登陆 js: getUserInfo: function (e) { const userInfo = e.detail.userInfo;...console.log("用户已经授权") } }) } } }) }, //点击登陆授权 getUserInfo

1.9K6 0

微信小程序微信登录

image.png image.png image.png open-type="getUserInfo"> userInfo参数说明： nickName avatarUrl...// 必须是在用户已经授权的情况下调用 wx.getUserInfo({ success: function(res) { var userInfo = res.userInfo var...-- 需要使用 button 来授权登录 --> open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo...+ res.errMsg) } } }) } }) open-type='getUserInfo...' bindgetusrinfo="doLogin">微信登录 wx.getUserInfo(Object object) image.png image.png image.png

39.8K3 0

零基础学小程序006---小程序获取用户信息用户昵称

获取用户信息.png 目前微信提供的获取用户信息的方式主要是下面两种方式 1，通过wx.getUserInfo wx.getUserInfo({ success: function(res...) { console.log(res.userInfo) } }) 2,通过open-type="getUserInfo" > 用于第一种方式...微信api.png 下面就来讲下用第二种方式如何获取用户信息主要实现代码如下 //user.wxml里布局 open-type="getUserInfo" type="primary..._saveUserInfo(user); } else { console.log("用户拒绝了登陆"); } }, 我们通过设置open-type="getUserInfo" 来实现点击登陆按钮时获取用户信息

7391 0

小程序新方法 open-type获取头像昵称

4371 0

getUserInfo和getUserProfile 对比

功能对比讲解 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 返回匿名的头像昵称支持服务器解密吗？

1.1K4 0

小程序10行代码实现微信头像挂红旗，国庆节个性化微信头像

--> open-type...="getUserInfo" bindgetuserinfo="shengcheng" data-k="1">生成头像1 open-type...="getUserInfo" bindgetuserinfo="shengcheng" data-k="2">生成头像2 open-type...="getUserInfo" bindgetuserinfo="shengcheng" data-k="3">生成头像3 open-type...="getUserInfo" bindgetuserinfo="shengcheng" data-k="4">生成头像4 <button type='primary' bindtap

3.7K0 0

【微信官方】获取用户信息方案介绍

开发者默认将 wx.login 和 wx.getUserInfo 绑定使用，这个是由于我们一开始的设计缺陷和实例代码导致： getUserInfo必须通过wx.login 在后台生成session_key...获取用户信息组件介绍 ✦✦02✦✦ 组件变化： open-type 属性增加 getUserInfo ：用户点击时候会触发 bindgetuserinfo 事件。...新增事件 bindgetuserinfo ：当 open-type 为 getUserInfo 时，用户点击会触发。...示例： open-type="getUserInfo" bindgetuserinfo="userInfoHandler"> Click me 和 wx.getUserInfo...getUserInfo 和 login ✦✦04✦✦ 很多开发者会把login和getUserInfo捆绑调用当成登录使用，其实login已经可以完成登录，可以建立账号体系了，getUserInfo只是获取额外的用户信息

2.1K8 0

使用uni-app开发微信小程序之登录模块

从微信小程序官方发布的公告中我们可获知：小程序体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败，需使用 open-type="getUserInfo...： 1.当用户未授权过，调用该接口将直接报错 2.当用户授权过，可以使用该接口获取用户信息但在实际开发中我们可能需要弹出授权询问框，因此需要我们自己来写模拟授权弹框（主要是对 open-type...="getUserInfo">的包裹+用户是否是第一次授权判断来显示该页面），代码如下： 1.页面结构 open-type...="getUserInfo" withCredentials="true" lang="zh_CN" @getuserinfo="wxGetUserInfo">

6.1K4 1

uniapp 微信小程序获取用户信息、手机号

-- #ifdef MP-WEIXIN --> open-type...-- 没有授权窗口,获取到的信息匿名 ------废弃 --> open-type="getUserInfo..." @getuserinfo="getUserInfo">获取用户信息 open-type="getPhoneNumber"...获取用户信息 /* 2021年4月30号之后上传小程序获取数据为加密，并且没有授权窗口 */ getUserInfo

1.9K2 1

uni-app入门教程（7）第三方登录和分享

-- #ifdef MP-WEIXIN --> open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials...-- #ifdef MP-WEIXIN --> open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials...-- #ifdef MP-WEIXIN --> open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials...-- #ifdef MP-WEIXIN --> open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials...-- #ifdef MP-WEIXIN --> open-type="getUserInfo" @getuserinfo="getuserinfo" withCredentials

2.5K2 0

微信小程序wx.getUserInfo接口获取用户信息失败，新版SDK怎样获取用户信息

developers.weixin.qq.com/community/develop/doc/000aee01f98fc0cbd4b6ce43b56c01 二、实现过程 1.使用 button 组件，并将 open-type...指定为 getUserInfo 类型，用户允许授权后，可获取用户基本信息。...open-type="getUserInfo" lang="zh_CN" bindtap="onGotUserInfo" bindgetuserinfo="bindGetUserInfo...">获取用户信息属性说明 open-type：通过不同属性值，小程序会弹出一个不同的授权提示窗口，让用户选择是否授权。...--index.wxml--> open-type="getUserInfo" lang

3.8K2 0

微信小程序官方组件展示之表单组件button源码

使用前建议先阅读使用指引 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=

1.2K3 0

如何在小程序中获取用户信息

wx.getUserInfo 接口（不推荐使用） wx.getUserInfo接口已经不推荐使用，官方也有相关说明。本文将仅仅对该接口做简单介绍。首先，修改index.wxml文件如下。...open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">授权登录接下来，打开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

8.4K8 1

Vue+koa2开发一款全栈小程序(6.个人中心）

default config 在src/pages/me目录下的index.vue中，写登录代码个人中心页面 open-type...="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">获取用户信息 import...user" open-type="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">获取用户信息 open-type="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">获取用户信息 open-type="getUserInfo" lang="zh_CN" @getuserinfo="doLogin">点击登录 {{user.nickName

6952 0

【学习】微信小程序开发

clickMe(){ console.log("点击我"); }, }) wxml中属性：一键联系客服 open-type...="contact"> 联系客服属性：获取当前用户信息 open-type="getUserInfo" bindgetUserInfo="getUserInfo">...获取用户信息 getUserInfo(e){ console.log(e); }, 将getUserInfo全部改为getPhoneNumber即可用户获取手机号

7341 0

点击加载更多

【微信小程序开发】使用button标签的open-type=getUserInfo引导用户去授权

小程序最新标准授权登录流程+逻辑

小程序最新标准授权登录流程+逻辑

小程序新方法 open-type获取头像昵称

解决微信小程序登录与发布的一些问题

微信小程序-用户授权获取信息

微信小程序微信登录

零基础学小程序006---小程序获取用户信息用户昵称

小程序新方法 open-type获取头像昵称

getUserInfo和getUserProfile 对比

小程序10行代码实现微信头像挂红旗，国庆节个性化微信头像

【微信官方】获取用户信息方案介绍

使用uni-app开发微信小程序之登录模块

uniapp 微信小程序获取用户信息、手机号

uni-app入门教程（7）第三方登录和分享

微信小程序wx.getUserInfo接口获取用户信息失败，新版SDK怎样获取用户信息

微信小程序官方组件展示之表单组件button源码

如何在小程序中获取用户信息

Vue+koa2开发一款全栈小程序(6.个人中心）

【学习】微信小程序开发

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐