uni-app 微信 支付宝 百度小程序获取用户基本信息

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