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