uni app 微信小程序的登录

微信小程序登录

在这里插入图片描述
设置button 的 open-type属性

<button   open-type="getUserInfo" @getuserinfo="getuserinfo">
			授权登录
</button>

点击按钮触发授权 然后获取用户信息


getuserinfo() {
	uni.getUserInfo({
		provider: 'weixin',
		success: function(infoRes) {
	    this.nickName = infoRes.userInfo.nickName; //昵称
		this.avatarUrl = infoRes.userInfo.avatarUrl; //头像
		uni.setStorageSync('isLogin', true); //  存静态值表示登录过
				this.login();	// 请求后台 得到openid 后台登录的一些数据
		}
		});
}

根据uni.login得到的code值 交给后台 置换openId

uni.request({
			url:url,
			method: 'GET',
			header: {
					'content-type': 'application/json'
			},
			success: (res) => {
				_this.openid = res.data.data.openid
				_this.updateUserInfo()
				uni.hideLoading();
			}
	});

根据openid 及其他信息 完成登录 拿到后台的数据

				uni.request({
					url:url, //服务器端地址
					data: {
						OpenId: _this.openid,
						NickName: _this.nickName,
						AvatarUrl: _this.avatarUrl,
					},
					method: 'POST',
					success: (res) => {
					}

				});
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

birdsnotbirds

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值