15年软件开发经验 只做源码定制 互联网+定制化解决方案

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

原创设计 定制开发

满足您的个性化需求

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

微信授权登录

周明亮| 发布于 2021-11-23 08:57:11| 674阅读| 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)
										
									}
								})
							})
							
						})
					}
				})
			},
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

周明亮
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部