小程序wx.getUserProfile接口的具体使用

最近微信小程序对于审核小程序提出了带有wx.login、wx.getUserInfo接口的调整，并提出了一个新的接口供开发者调用

下图是对于新的接口的官方文档详情

点击前往官网查看更多详细信息

值得注意的是新的接口wx.getUserProfile，只能使用catchtap或者bindtap进行调用(ps:可以再wx.showmodel中使用)，并不能再onload、onshow等位置直接调用，并且返回参数有所改变

下图是新的接口wx.getUserProfile返回的数据类型

// An highlighted block
 wx.showModal({
   title: '温馨提示',
   content: '正在请求您的个人信息',
   success(res) {
     if (res.confirm) {
       wx.getUserProfile({
       desc: "获取你的昵称、头像、地区及性别",
       success: res => {
         console.log(res)
         let wxUserInfo = res.userInfo;
       },
       fail: res => {
       	 //拒绝授权
         that.showErrorModal('您拒绝了请求');
         return;
       }
     })} else if (res.cancel) {
       //拒绝授权 showErrorModal是自定义的提示
       that.showErrorModal('您拒绝了请求');
       return;
     }
   }
 })

新版的wx.login接口返回，暂时wx.getUserInfo的接口返回不变，之后就不能直接获取用户信息了

wx.login

wx.getUserInfo

为了这个新接口搞了一段时间,可能咱比较菜吧(不是,ヽ（≧□≦）ノ)。总之，这件事总得是有了一个头绪不是吗？希望这些能帮助更多的小伙伴！<(￣︶￣)>

到此这篇关于小程序wx.getUserProfile接口的具体使用的文章就介绍到这了,更多相关小程序wx.getUserProfile接口内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • 小程序封装wx.request请求并创建接口管理文件的实现

    开发小程序,封装有一个简单易用wx.request请求还是很必要的,可以省去大量的维护成本!闲话不多说,直接撸代码. 流程 创建http.js文件,封装wx.request 创建api.js文件,统一管理所有接口 在index.js中调用接口 创建http.js文件,封装wx.request 在utils中创建http.js文件,封装http,代码如下: module.exports = { http(url, method, params) { let token = 'token' // 获

  • 微信小程序 wx.request(接口调用方式)详解及实例

    微信小程序 wx.request(接口调用方式)详解及实例

    微信小程序 wx.request----接口调用方式 最近开发了一个微信小程序版的任务管理系统,在向Java后台发送接口时遇到了一些问题,在这里做一个简单的总结. 官方接口 官方给出的接口叫做wx.request,请求方式比较简单,下面是官网给出的请求实例. wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' },

  • 基于小程序请求接口wx.request封装的类axios请求

    Introduction wx.request 的配置.axios 的调用方式 源码戳我 feature 支持 wx.request 所有配置项 支持 axios 调用方式 支持 自定义 baseUrl 支持 自定义响应状态码对应 resolve 或 reject 状态 支持 对响应(resolve/reject)分别做统一的额外处理 支持 转换请求数据和响应数据 支持 请求缓存(内存或本地缓存),可设置缓存标记.过期时间 use app.js @onLaunch import axios fo

  • 小程序wx.getUserProfile接口的具体使用

    小程序wx.getUserProfile接口的具体使用

    最近微信小程序对于审核小程序提出了带有wx.login.wx.getUserInfo接口的调整,并提出了一个新的接口供开发者调用 下图是对于新的接口的官方文档详情 点击前往官网查看更多详细信息 值得注意的是新的接口wx.getUserProfile,只能使用catchtap或者bindtap进行调用(ps:可以再wx.showmodel中使用),并不能再onload.onshow等位置直接调用,并且返回参数有所改变 下图是新的接口wx.getUserProfile返回的数据类型 // An hi

  • 微信小程序 location API接口详解及实例代码

    微信小程序 location API接口详解及实例代码

    微信小程序 location API 接口: 现在微信小程序火了 ,利用假期时间学习了下,微信小程序的基础知识,嘿嘿! 以下是记录学习微信小程序 location API接口,并且写了一个小实例来记录,如有错误之处还请指正. 微信小程序的位置接口共有两个: 1.wx.getLocation(OBJECT)获取当前的地理位置.速度. 2.wx.openLocation(OBJECT) 使用微信内置地图查看位置 然后,根据object参数说明,结合module模块化重写了下两个接口在暴露出来引用,让

  • 微信小程序 wx:for的使用实例详解

    微信小程序 wx:for的使用实例详解

    微信小程序 wx:for的使用实例详解 在小程序的开发过程中,经常会用到在前端页面循环打印一个数组或者对象的数据,这样的话就需要用wx:for来实现. 一般情况下,小程序的utils这个文件夹下,我们可以把本地的数据写进去,封装成.js文件,提供对外暴露的接口,然后读取本地数据,这些在上一篇博客中有详细介绍.我们最后说到写好的本地数据可以另一个页面读取: var fileData = require('../../utils/data.js') Page({ data: { showData:

  • 微信小程序wx.previewImage预览图片实例详解

    微信小程序wx.previewImage预览图片实例详解

    一.小知识 二.例子 1.wxml <span style="font-family:Comic Sans MS;font-size:18px;color:#333333;"><view class="container"> <view wx:for="{{imgalist}}" wx:for-item="image" class="previewimg"> <im

  • 微信小程序wx.uploadfile 本地文件转base64的实现代码

    微信小程序wx.uploadfile 本地文件转base64的实现代码

    微信小程序wx.uploadfile, 利用PHP接口把本地图片转化为base64位. 网上到处都是粘贴复制的wx.uploadfile的解决方案, 但目前还没有具体的代码: 特意呈现出来给需要的伙伴们: 代码: case 'imgBufferToBase64': <span style="white-space: pre;"> </span>$data=''; <span style="white-space: pre;"> &

  • 详解微信小程序网络请求接口封装实例

    网络请求封装实例 实现定制要求和方便调用,对微信小程序的网络请求接口进行了封装 封装位置:app.js,方便全局调用 实现方法调用,只用关注接口url和入参 默认和自定义的请求成功.失败和完成的回调处理 可设置请求失败自动重新请求的次数 可以防止重复提交 每个请求设定requestCode 代码 直接将这个方法放在了app.js中 /** * 接口公共访问方法 * @param {Object} urlPath 访问路径 * @param {Object} params 访问参数(json格式)

  • 微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

    这个接口只能获得一些非敏感信息,例如用户昵称,用户头像,经过用户授权允许获取的情况下即可获得用户信息,至于openid这些,需要调取wx.login来获取. index.wxml <!-- 当已经授权的时候 --> <view wx:if="{{result == 'ok'}}" class="result"> <view class="headimg"> <image src="{{avata

  • 微信小程序wx.request使用POST请求时后端无法获取数据解决办法

    微信小程序wx.request使用POST请求时后端无法获取数据解决办法

    遇到的坑: 例如在写微信小程序接口时,method请求方式有POST和GET两种,为了数据安全,我们会偏向于使用POST请求方式访问服务器端: 当我们使用POST方式请求时,后端无法获取到传送的参数,但使用GET方式却是可以的. 解决办法: 设置请求的 header头: header: { "Content-Type": "application/x-www-form-urlencoded" }, 特别注意:post请求必须写method: 'POST',因为wx.

  • 微信小程序后端Java接口开发的详细步骤

    微信小程序后端Java接口开发的详细步骤

    目录 1.搭建一个springboot项目并引入依赖 2.编写controller层 3.创建微信小程序项目 微信小程序使用wx.request(OBJECT)来调用后端接口. 首先 我们来一个简单案例 -- helloworld实现 1.搭建一个springboot项目并引入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-

随机推荐