uni-app 微信 支付宝 百度小程序获取用户基本信息
来了来了他们来了,产品带着雪花般的需求来了——>
【一】进来的时候没登录过
用户信息是空的,这时候该死的用户非要点击【我的钱包】看钱但你根本【没登录】过!!!所以要弹出来一个框框告诉他登录
(忽略我的样式)当用户点击完【登录按钮】就弹出来【授权弹框】
【同意授权】后,小程序就可以拿到用户的【昵称,头像。。】
【二】用户曾经授权过,一进来的时候自动获取用户基本信息
-------------------------------------------网黄分割线-----------------------------------
【开始】项目/manifest.json 里的微信/百度小程序【AppId】都填上,支付宝的
这个【小东东】权限开启
【一】,首先是一个登录的按钮放在帅气的组件中,去uni-app官网 https://uniapp.dcloud.io/case?id=官方示例 想都不用想肯定有现成的(淫笑)
<view class="loginDom">
<!-- #ifdef MP-WEIXIN || MP-BAIDU-->
<button type="primary" open-type="getUserInfo" @getuserinfo="mpGetUserInfo">登录</button>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<button class="btn-action" @click="alGetUserInfo">登录</button>
<!-- #endif -->
</view>
再看看这两个按钮分别对应的方法
alGetUserInfo() {
// 支付宝的
uni.getUserInfo({
provider: 'alipay', // 登录服务提供商先写死
success: (result) => {
console.log('getUserInfo success', result);
},
fail: (error) => {
console.log('getUserInfo fail', error);
let content = error.err