实现微信小程序的一键登录功能,需要用到button组件中的open-type开放能力

		<button type="default" open-type="getUserInfo" @getuserinfo="wxLogin">一键登录微信小程序</button>

在methods中定义wxLogin方法,通过uni.login方法来获取 code值

wxLogin(e){
		
				uni.login({
					provider:"weixin",
					success:(res)=>{
						console.log(res);
						// 获取微信登录的授权码
						var code = res.code
						//在写发送request请求,
						uni.request({})
					}
				})
			}
  • uni.login请求成功获取到code值之后,需要发起request请求去请求后端的接口,把code值传过去,(这边没有后端的接口没办法演示)
  • 通过button按钮的开放能力来获取到用户的信息----open-type=“getUserInfo”
  • uni-app的获取用户信息的接口 uni.getUserProfile,每次触发都会弹出授权窗口,同意后返回用户信息
  • uni.getUserInfo(OBJECT) 这个接口在用户没有同意授权的情况下,不能返回用户信息,当用户同意后,可以返回.
  • 总结 获取用户信息,必须经过用户的授权同意才可以.
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐