黑马优购登录
1.我们在app.json文件下定义底部导航和登录页面
2.回到登录页完成样式,点击登录跳转到登录页面
3.在登录页面我们给按钮绑定点击事件,通过wx.getUserProfile(),让它弹出授权
4.点击允许以后我们可以在其成功的回调函数中,存一下返回的用户信息(我们登录需要用到其中的一些)
5.把wx.login()方法封装成promise形式,可是使用async和await使结构看起来清晰,通过login方法我们可以获取到code(也是登录需要的)
6.我们再封装一个获取token的方法,并在wx.getUserProfile()的成功回调函数中调用此方法,并把成功后的数据作为参数传递过来,通过login()方法我们拿取code,通过传递过来的参数,我们拿到 encryptedData, rawData, iv, signature: res.signature,在加上前面的code,此时后台需要的五个参数我们都有了,这时候就可以发起goLogin()请求登录,由于黑马这个项目我们没有权限登录,所有就用了一个后天管理项目的获取token方法,此时我们就可以拿到token,如果我们有权限,我们就可以通过result就收到登录后返回的token,登录成功后我们返回个人中心页面。
7.登录后的页面
8.在wxml中我们可以根据本地存的个人信息,本地若存有个人信息,我们就让他显示到页面,如没有,就隐藏,并让登录按钮显示