uniapp中微信小程序账号登录

<template>
	<view class="content">
        <!-- 登录适配 -->
             <!-- 最新版登录方法 -->
			<button 
           
            type='primary' lang="zh_CN" @tap="getUserProfile">新
            </button>
            <!-- 老版本登录方法 -->
			<button  type='primary' 
            open-type="getUserInfo" lang="zh_CN" @getuserinfo="bindGetUserInfo">老
            </button>
	</view>
</template>
<script>
	export default {
		data() {
			return {
                //用来判断用哪个登录
               appid:'去微信公众平台查看',
			   secret:'去微信公众平台->开发->开发设置获取生成',
			   code:''
            }
       },
       //监听页面加载
		onLoad() {
			uni.getSetting({
			   success(res) {
			      console.log(res.authSetting)
				  if(res.authSetting['scope.userInfo']){
					  console.log('登录了');
				  }else {
					  console.log('未登录');
				  }
			   }
			})
            //如果手机支持最新版登录就用新方法
			if (wx.getUserProfile) {
				this.canIUseGetUserProfile = true
			 }
			 
		},
        methods: {
            //老版登录接口(不再弹出登录弹框)
            bindGetUserInfo(e){
				console.log(e);
				if (e.detail.userInfo) {
					// console.log(e.detail.userInfo);
					uni.showLoading({
						title: '登录中'
					});
					//业务逻辑
					// console.log(res1);
					uni.login({
						success: res => {
							if (res.code) {
								//在此发起网络请求
								//请求后端给的登录接口，把res.code等相关参数带上
							} else {
								// console.log('登录失败！' + res.errMsg)
							}
						}
					})
				}
			},
            // 弹出登录弹框(新版)
			getUserProfile() {
			//推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息                                              均需用户确认
				// 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
				uni.getUserProfile({
					desc: '用于获取您的个人信息', // s声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
					success: res1 => {
						console.log(res1);
						uni.showLoading({
							title: '登录中'
						});
						//业务逻辑
						// console.log(res1);
						 uni.login({
							success: res => {
								if (res) {
									console.log(res.code);
									this.code = res.code
									uni.request({
										url:`https://api.weixin.qq.com/sns/jscode2session?appid=${this.appid}&secret=${this.secret}&js_code=${this.code}&grant_type=authorization_code`,
									    success:(res)=>{
											console.log(res);
                                    //发起网络请求
                                    //请求后端给的登录接口，把res.code等相关参数带上
										}
									})
								} else {
									// console.log('登录失败！' + res.errMsg)
								}
							}
						}) 
					}
				})
			},
        }
   }
</script>