前端开发-微信小程序用户授权登录

**我的第一篇博客决定献给-微信小程序。
今年一直在做小程序开发,从无到有,自己自学。从用户授权到微信支付。学习了很多,收获很多。
年底项目就会上线,在空余时间,把学到的知识进行归纳总结,也分享给正在学习的你们。
希望我们可以一起加油~一起成长!**

1. button按钮

在这里插入图片描述
1.1 bindgetuserinfo 绑定用户授权方法
1.2 open-type=“getUserInfo” 引导用户去授权

2.getUserInfo方法

getUserInfo:function(e)
{
	var _e = e;
	//这里的参数e与下面的参数e完全不同哦
	wx.getUserInfo({
		success:function(e)
		{
		//授权成功 将用户信息保存
			app.globalData.userInfo = _e.detail.userInfo;
			//授权成功 跳转页面
			wx.navigateTo({
				url:'../getPhone/getPhone' //我自己的项目逻辑是用户授权成功之后跳转手机电话授权页面
			})
		},
		fail:function(e)
		{
		//授权失败 提醒用户重新授权
			wx.showModal({
				title:'提示',
				content:'请重新授权'
			})
		}
	})
}

前端开发-微信小程序用户授权登录_第1张图片
?点击‘允许’代表授权成功
?点击‘取消’代表授权失败
对应的方法和注释我都写在代码块了哦~

前端开发-微信小程序用户授权登录_第2张图片

总结

分享完毕,是不是很简单嘻嘻。喜欢的朋友记得给我点赞哦❤️

你可能感兴趣的:(技术,开发)