uni-app 支付宝小程序授权，获取用户基础信息（头像图片地址、昵称、性别、国家码、省份、所在市区）

前言

uni-app写的前端项目：一套仿奈雪の茶小程序的前端模板

1.授权需要用户主动触发（按钮点击）

#ifdef 为环境编译，官方文档 - 条件编译

固定写法：open-type=“getAuthorize” 授权组件

固定写法：scope=“userInfo”

授权成功回调：@getAuthorize=“onGetAuthorize”

授权失败回调：@error=“onAuthError”

支付宝授权方法： my.getOpenUserInfo

<template><!-- #ifdef MP-ALIPAY --><buttontype="primary"size="default"open-type="getAuthorize"scope="userInfo"@getAuthorize="onGetAuthorize"@error="onAuthError">支付宝一键登录</button><!-- #endif -->
</template><script>
import Vue from "vue";export default Vue.extend({methods: {// 授权成功回调onGetAuthorize() {my.getOpenUserInfo({fail: res => {console.log(res);},success: res => {const userInfo = JSON.parse(res.response).response; // 以下方的报文格式解析两层 responsemy.alert({content: userInfo,});},});},// 授权失败回调onAuthError() {uni.showToast({title: "授权失败回调"});}}
});
</script>

2.支付宝小程序开发者工具效果图

点击按钮，调用授权弹框

允许（授权成功），获得用户基础信息

拒绝（授权失败）

3.开发者工具上传代码后，需要添加获取基础信息能力

开发管理 - 版本管理 - 能力列表 - 添加能力 - 添加（获取会员基础信息）

4.遇到的问题

运行在开发者工具上，使用的是模拟数据，nickName参数正常获取。

运行在支付宝上，nickName参数不见了。

原因：支付宝用户未设置昵称。

获取会员基础信息-常见问题

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。

uni-app 支付宝小程序授权，获取用户基础信息（头像图片地址、昵称、性别、国家码、省份、所在市区）相关推荐

支付宝小程序授权/获取用户信息
支付宝小程序授权/获取用户信息目录: 文章目录支付宝小程序授权/获取用户信息获取支付宝小程序授权token 解析支付宝小程序接口响应加密数据获取支付宝小程序授权token 前提准备工作: ...
小程序获取不到用户头像和昵称返回微信用户问题解决，即小程序授权获取用户头像规则调整的最新解决方案
最近好多同学在学习石头哥小程序课程的时候,遇到了下面这样的问题,在小程序授权获取用户头像和昵称时,获取到的是下面这样的. 到底是什么原因导致的呢,去小程序官方文档一看,又是官方改规则了. 点进去一看, ...
微信小程序授权获取用户信息和手机号码
微信小程序授权获取用户信息和手机号码 1.微信官方文档登录:https://developers.weixin.qq.com/miniprogram/dev/framework/open-abili ...
微信小程序授权获取用户信息
微信小程序授权获取用户信息小程序昵称突然变成了"微信用户",头像也不显示, <!-- 近期很多小伙伴通过该方法获取头像和昵称,代码也没有做改变,突然就变成了下面这样子 - ...
Java-(二)微信小程序授权获取用户信息和手机号码
第一篇我们已经知道了微信小程序怎么授权登录获取用户信息. openId 和 unionId .下面将高速告诉大家,微信小程序如何授权获取用户信息和手机号码. 微信官方文档:https://develo ...
uniapp微信小程序授权获取用户信息封装
根据平台公告信息,2022年底wx.getUserProfile 与 wx.getUserInfo 接口被回收.新的小程序不能再授权获取头像和昵称:可以通过wx.login 接口直接获取用户的 ope ...
微信小程序例子——获取用户登录信息
1.效果展示 2.关键代码 .wxml布局文件代码用户昵称:{{nickName}} 用户头像: 性别:{{sex}} 所在地址(省):{{province}} 所在地址(市):{{city}} . ...
微信小程序授权获取用户当前经纬度位置并转换为具体城市
每日一句激励人心的鸡汤: 认真阅读接口文档, 认真阅读接口文档, 认真阅读接口文档. 微信小程序获取用户当前经纬度位置 getLocation() API文档传送门,查看文档后 ...
uni App 支付宝小程序分享代码
封装获取当前页面的路由信息 export function getCurrentPath() {let currentRoutes = getCurrentPages(); // 获取当前打开过的页面 ...
Android 获取微信ua,微信小程序实现获取用户高清头像
const app = getApp(); Page({ /** * 页面的初始数据 */ data: { imageUrl: null, userInfo: {}, hasUserInfo: fal ...

uni-app 支付宝小程序授权，获取用户基础信息（头像图片地址、昵称、性别、国家码、省份、所在市区）

uni-app 支付宝小程序授权，获取用户基础信息（头像图片地址、昵称、性别、国家码、省份、所在市区）相关推荐

最新文章

热门文章