小程序登录、获取手机号

时隔2年重新做小程序，不得不说对于文档只有一点点熟悉了，除了wxss、wxml，全程傻掉了。只有一种模糊的似曾相识的感觉[手动滑稽]。不管怎么说，反正要开始了。
对于登录的话，现在是需要用户主动授权才可以获取相关信息，微信的东西我就不再说了，文档上就有解释传送门，还有一些是2年前做小程序的时候写的一些文章， 点击查看
进入正题：
1、获取用户信息需要button用户主动触发，open-type，参见文档

<button class="btn" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取微信授权 </button>

2、如果不需要手机号登录的话，到这一步就可以了，但是要是需要手机号的话，下一步需要用户主动授权获取手机号，同样也是button按钮

<button class='btn' open-type='getPhoneNumber' bindgetphonenumber="getPhoneNumber">获取手机号</button>

必须是先getUserInfo后，才可以getPhoneNumber；
3、如果不需要一些深层信息，getUserInfo即可获得基本的用户信息，
结合我们自己的业务是需要用户的信息来换取其他信息，所以获取授权后进行解析，需要用code，所以在解析之前需要用先wx.login获取code。配合后端进行处理。

4、获取授权之后获取手机号，这里也需要获取wx.login 返回code来和后端换取手机号，微信文档

代码可参见GitHub，点这里

见下图