UniApp：小程序篇：授权登录

<template>
	<view>
		<!-- 信息授权登录在小程序更新规则后，目前仅支持【button】按钮调用 -->
		<!-- 授权获取个人信息    头像 + 昵称        个人小程序ID或企业级ID-->
		<!-- @getuserinfo="getUserInfo"     这里不需要传值 -->
		<!-- @getuserinfo="getUserInfo(e)"  这样写是错误的     @getPhoneNumber="getPhoneNumber(e)"   同理-->
		<button type="default" open-type="getUserInfo" @getuserinfo="getUserInfo">信息授权登录</button>
		
		<!-- 授权获取微信绑定的手机号     企业级小程序ID -->
		<button type="default" open-type="getPhoneNumber" @getPhoneNumber="getPhoneNumber">手机号授权登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			/* 
			获取个人信息授权
				方法的写法有很多种：
				--getUserInfo:function(e){};
				--getUserInfo(e){};
				--getUserInfo:(e) =>{};
			*/
			getUserInfo:function(e){
				console.log("授权结果",e);		//查看函数返回的结果
				if(e.detail.errMsg == "getUserInfo:ok"){  //通过返回的 e.detail.errMsg 内容来判断授权结果，再执行对应的事件；
					console.log("授权成功！");
					// 执行登录事件
					uni.login({
						provider:'weixin',		//声明小程序类型
						success: (loginRes) => {
							console.log("登录成功",loginRes);
							// 登录成功后返回code
							console.log("code",loginRes.code);
						},
						fail: (loginErr) => {
							console.log("登录失败",loginErr);
						}
					})
				}else if(e.detail.errMsg == "getUserInfo:fail auth deny"){
					console.log("授权失败！");
				}
			},
			
			
			// 手机号信息授权登录
			// 假如你小程序ID不是企业级，会提示：该appid没有权限
			getPhoneNumber:function(e){
				console.log("授权结果",e);
			}
		}
	}
</script>

<style>
	
</style>