15年软件开发经验,只做源码定制!

原创设计定制开发

满足您的个性化需求

当前位置：首页前端开发 uinapp

0 0

微信授权登录

周明亮| 发布于 2021-11-23 08:57:11| 375阅读| 0点赞| 0评论

使用uni.getUserProfile来获取用户信息,uni.login来获取code

先放一个登录的按钮

<view class="weixindenglu" style="" @click="getUserInfo" v-show="denglu">
				微信授权
			view>

然后进行登录方法，说明在代码注释里

// 登录
			getUserInfo() {
				//获取用户信息，如微信昵称，头像
				uni.getUserProfile({
					desc:'获取用户信息用于登陆',
					success: (info) => {
						//获取code值，用于验证身份
						uni.login({
							provider:'weixin',
							success:(res=>{
								this.dengluchenggong=true
								this.denglu=false
								console.log("info",info)
								console.log("ress",res)
								var code = res.code;
								var data = {
									 code:code,
									 username:info.userInfo.nickName,
									 image:info.userInfo.avatarUrl,
									 sex:info.userInfo.gender,
								 };
								 this.sdsd.push(data)
								 //使用接口地址将code，和用户信息给后台，然后获取token
								uni.request({
									header:{},
									method:'GET',
									data:data,
									url:'http://localhost/mall/ums-member/login',
									success:(data)=>{
										console.log("data",data)
										// 存储token
										uni.setStorageSync("token",data.data.token)
										
									}
								})
							})
							
						})
					}
				})
			},