支付宝小程序serverless---获取用户信息（头像）并保存到云数据库

支付宝小程序serverless—获取用户信息（头像）并保存到云数据库

博客说明

文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！

我又回来了，这是我第三次修改啦。

使用serverless

首先我们需要在app.js里面引入serverless

然后再在我们的逻辑代码里面调用登录的接口

获取用户授权

先获取用户授权的接口

这个是支付宝文档的地址：https://opendocs.alipay.com/mini/api/openapi-authorize

// 先获取用户授权（如用户未授权会弹窗唤起授权窗口）
const res = await app.serverless.user.authorize({authProvider: 'alipay_openapi'
}).catch(console.error);
if (res && res.success) {console.log('授权成功');const userInfo = await app.serverless.user.getInfo({authProvider: 'alipay_openapi',}).catch(console.error);if (userInfo.success) {console.log('getUserInfo res', userInfo);app.user = userInfo.result.user;this.setData({ user: userInfo.result.user });}

调用获取头像接口

获取用户头像的接口

地址：https://opendocs.alipay.com/mini/api/ch8chh

my.getAuthUserInfo已经不能使用了，那么我们就用my.getOpenUserInfo,但是my.getOpenUserInfo是有要求的，它需要用户主动触发，而不是直接调用api来询问。

按钮

<button a:if="{{canIUseAuthButton}}" open-type="getAuthorize"  onGetAuthorize="onGetAuthorize" onError="onAuthError"  scope='userInfo'>    会员基础信息授权 </button>

js代码

这个是真的很多坑，特别是两层response，要使用的话，下面是解决了坑之后的

/*** 授权成功事件*/onGetAuthorize() {var that = this;my.getOpenUserInfo({fail: (res) => {this.setData({ result: JSON.parse(res.response).response});},success: (res) => {this.setData({ result: JSON.parse(res.response).response});console.log(that.data.result);}});},

保存我们的用户信息（云函数）

module.exports = async (ctx) => {const User = await ctx.mpserverless.db.collection('user').insertOne({userinfo:ctx.args.data}).then(res => {return res;}).catch(console.error);return { User };
};

测试结果

开发者工具控制台

云数据库

这样的话我们的数据就插入成功啦！

感谢

支付宝

以及勤劳的自己

支付宝小程序serverless---获取用户信息（头像）并保存到云数据库相关推荐

支付宝小程序授权/获取用户信息
支付宝小程序授权/获取用户信息目录: 文章目录支付宝小程序授权/获取用户信息获取支付宝小程序授权token 解析支付宝小程序接口响应加密数据获取支付宝小程序授权token 前提准备工作: ...
微信小程序制作——获取用户信息
微信小程序制作--获取用户信息 1.获取用户信息方式一 wxml <view bindtap="getUserName">获取当前用户名</view> j ...
微信小程序授权获取用户信息
微信小程序授权获取用户信息小程序昵称突然变成了"微信用户",头像也不显示, <!-- 近期很多小伙伴通过该方法获取头像和昵称,代码也没有做改变,突然就变成了下面这样子 - ...
小程序获取用户信息 php发送数据库,qq小程序如何获取用户信息并存入数据库实例...
今天给大家带来qq小程序如何获取用户信息并存入数据库的实例,希望能够帮助到大家,让大家不仅知道如何下载qq小程序源码,还能懂得去何用,如何去改,甚至是如何去创造,如果你有好的qq小程序源码出售,可以联 ...
微信小程序授权获取用户信息和手机号码
微信小程序授权获取用户信息和手机号码 1.微信官方文档登录:https://developers.weixin.qq.com/miniprogram/dev/framework/open-abili ...
【微信小程序】获取用户信息
文章目录获取用户信息组件open-data button组件中的open-type 接口getUserProfile 查看授权结果获取用户信息组件open-data 组件 open-data用 ...
【小程序demo】带你玩转支付宝小程序之获取会员信息
火速围观!支付宝近期推出了一系列小程序示例,不仅提供在线体验而且提供全部源代码,示例涵盖了:会员信息.小程序二维码.刷脸认证.小程序支付.模板消息.支付宝卡包和线下买单7个高频使用场景.直接下载源代码 ...
微信小程序【获取用户昵称头像和昵称（附源码）】
获取用户昵称头像和昵称 wx.getUserProfile bindgetuserinfo 登录过程前端源码:https://pan.baidu.com/s/1uz2Gm2FMB-8RFVkhlHY ...
玩转微信小程序之获取用户信息以及玩转基本列表渲染（2019/04/14）
LZ-Says:总是要各种颠沛流离,才能换得片刻安宁.努力让自己变得更好,加油- 前言前几天,完成了微信小程序的首章,学习起来,还是多多少少有点坑,不舒服. 今天我们继续开启微信小程序 Study ...
uniapp微信小程序新版本获取用户的头像和昵称，手机号
新版本微信小程序通过getUserInfo获取到用户的头像是灰色,昵称显示为微信用户,这是微信版本更新了,现在需要用getUserProfile来获取用户的头像和昵称,并且只能页面产生点击事件(例如 ...