登录页面效果图:
登录页面登录按钮:
登录按钮wxml点击登录按钮,先进行微信登录授权,从而获取用户的头像及昵称等相关信息。这里不过多说,微信小程序--登录/授权
这是想重点说一下,如果用户拒绝了微信登录授权和获取位置授权,但小程序又是授权才能使用某些功能的情况下,这时该如何让用户重新授权呢?
以下请结合button的wxml方法对应着看:
onGotUserInfo方法函数onGotUserInfo方法函数是先进行微信授权,如果获取到的信息是‘getUserInfo:ok’,证明授权成功,那根据你的项目需求来缓存微信授权后的用户相关信息,然后微信授权后,再调用获取位置授权的方法。
登录按钮方法登录按钮方法中注释掉的是对填写登录信息的一些判断,可以先不管。登录按钮方法中也同样会调用跟微信授权成功后的方法,就是下面这个openPermiss
如果是微信授权成功,则进行获取位置授权,授权成功则登录成功会直接跳转到主界面;否则获取位置授权失败,提示请授权登录。这个时候,用户需再次点击登录按钮进行重新授权,因为微信官方给的wx.openSetting,只有通过按钮触发才可调用此API,才可以跳转到设置授权页面。
wx.openSetting调用的页面这样将授权的开关都打开,就完成了用户首次未授权,再次调起授权的处理方法。
网友评论