uniapp支付宝小程序授权用户信息、授权手机号码

需求说明

uniapp开发支付宝小程序授权用户信息和用户手机号码过程中，与微信小程序的API是有所不同的，相同是都是需要<button></button>点击事件触发。接下来简单说明一下支付宝小程序授权用户信息和用户手机号码的方法。

完成需求

授权用户手机号码前，需要先在支付宝开放平台—>控制台—>产品绑定，绑定产品 – 获取会员手机号

用到的API：uni.getOpenUserInfo，uni.getPhoneNumber

<template><view style="padding:30rpx"><u-navbar title="演示" :is-back="false" /><button style="margin-top:100rpx" open-type="getAuthorize" scope="userInfo" @getAuthorize="getOpenUserInfo" @error="getInfoError">个人信息授权</button><button style="margin-top:100rpx" open-type="getAuthorize" scope='phoneNumber' @getAuthorize="getPhoneNumber" error="getPhoneError">手机号码授权</button></view>
</template><script>export default {data() {return {};},onLoad() {},methods: {// 触发getOpenUserInfo() {uni.getOpenUserInfo({success: (res) => {let userinfo = JSON.parse(res.response).responseconsole.log(userinfo)uni.showToast({title: "授权个人信息成功"});},fail: res => {uni.showToast({title: "授权个人信息失败"});}});},// 授权失败回调getInfoError() {uni.showToast({title: "取消授权个人信息"});},getPhoneNumber() {uni.getPhoneNumber({success: (res) => {let encryptedData = res.response;console.log(encryptedData)uni.showToast({title: "获得手机号码加密数据成功"});uni.request({url: '开发者的后端服务端',data: encryptedData,});},fail: (res) => {uni.showToast({title: "授权手机号码失败"});},});},getPhoneError() {uni.showToast({title: "取消手机号码授权"});},}}
</script><style scoped></style>

图1 演示页面

图2 弹出授权用户信息

图2 弹出用户手机号

点赞评论收藏 ~~ 欢迎讨论，如有错误，也希望大家不吝指出。 ~~ 点赞评论收藏

uniapp支付宝小程序授权用户信息、授权手机号码相关推荐

vant weapp 小程序获取用户信息授权
vant weapp 小程序获取用户信息授权 <template><div class="container"><van-button v-if=& ...
支付宝小程序获取用户信息及手机号
支付宝小程序获取用户信息及手机号众所周知,微信小程序是可以通过微信本身授权后再登录,平台可以拿到微信用的的账号相关信息,然后保存到数据库中,那么同理在支付宝小程序开发过程中,登录功能的设计也可以如此 ...
微信小程序获取用户信息“授权失败”场景的处理
很多的时候我们在处理小程序功能的时候需要用户获取用户信息,但是呢为了信息安全,用户不授权导致授权失败场景:但是小程序第二次不在启动授权信息弹层,为了用户体验,可以用以下方式处理: function i ...
uniapp微信支付宝小程序获取用户信息
我们也知道微信小程序前段时间更新了获取用户信息方法(区别),今天介绍一下,最新版uniapp获取用户信息(支付宝和微信小程序) 直接上代码: <view class='bottom flex'& ...
uniapp 微信小程序获取用户信息、手机号
<template><view><view><button type="primary ...
uniapp微信小程序获取用户信息
uni.getUserProfile({desc:"用于完善用户信息", //必填,声明获取用户个人信息后的用途,不超过30个字符success: (res) => {uni ...
支付宝小程序获取用户授权并进行认证登录流程（前端）
1.支付宝小程序获取用户授权并进行认证登录流程 1.1申请获取用户信息能力登录功能做之前要先沟通好客户的需求,支付宝小程序获取用户授权调用相应的接口之前要先获得对应的能力.如果需要获取身份证 ...
微信小程序如何实现同时授权用户信息和手机号码不重复授权问题
相信很多小伙伴都有遇到了在点击一个按钮时想要实现同时获取到用户信息及手机号码并且授权过后不重复授权的操作,分享一下我的方法~  <!--showPo ...
Uniapp实现小程序获取用户微信信息功能
Uniapp实现小程序获取用户微信信息功能实现后发现其实这个功能实现起来非常简单,但是,在实现这个功能的过程中真的好多坑啊,可能是我菜吧. 1.获取uniapp的appid和微信小程序的appid, ...
微信小程序获取用户信息（含服务端）
本文获取用户信息方式需要服务端配合,纯前端的可查看微信小程序获取用户信息(纯前端) 若需获取 openid 和用户信息,可使用 wx.getUserInfo() 获取加密后的信息,传给服务端后解密. ...

uniapp支付宝小程序授权用户信息、授权手机号码

需求说明

完成需求

uniapp支付宝小程序授权用户信息、授权手机号码相关推荐

最新文章

热门文章