微信小程序———登录

黑马优购登录

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中我们可以根据本地存的个人信息，本地若存有个人信息，我们就让他显示到页面，如没有，就隐藏，并让登录按钮显示