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

旧城等待， 2023-06-11 06:21 4阅读 0赞

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

## 1. button按钮 ##

![在这里插入图片描述][20191029151830524.png]  
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:'请重新授权'
    			})
    		}
    	})
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODEwODEz_size_16_color_FFFFFF_t_70]  
?点击‘允许’代表授权成功  
?点击‘取消’代表授权失败  
对应的方法和注释我都写在代码块了哦～

![在这里插入图片描述][2019102915374751.jpg]

## 总结 ##

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

[20191029151830524.png]: /images/20230531/13f17665c5974f0b9bf5f89ab4b8cd49.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODEwODEz_size_16_color_FFFFFF_t_70]: /images/20230531/0a77a7bf34894e719439e40a88acb6aa.png
[2019102915374751.jpg]: /images/20230531/460a7b8966654d03bf8e1750decde976.png