mpvue开发微信小程序用户登录功能的实现过程

资料预习：

1.一次性授权
常规写法，需要获取用户公开信息（头像，昵称等）时，判断调取授权登录接口，但是此方法如果不经处理的话 用户如果拒绝授权或者删除该微信小程序后 需要重新调取并获取用户公开信息（头像，昵称等），此方法用户体验较差，不建议使用；

2.永久授权
在不必要使用用户公开信息（头像，昵称等）时，不调取授权登录接口，只有在必要的时候再去判断调取授权登录接口并把获取到的用户公开信息存入数据库，这样在每次登录时直接先运行指定函数从数据库索取需要的用户公开信息（头像，昵称等）即可，此方法在删除小程序后不用再次去授权登录（因为在用户第一次授权登录时已经把用户的公开信息存入数据库了以后直接向数据库索取即可），建议使用；

3.不授权
不需要授权登录获取用户公开信息（头像，昵称等），使用wx.login获取用户code并传入后台，后台可以通过用户的code值向微信要一个值（具体需要问后台，我只是个小前端，后台的东西不是很懂，只是知道一些逻辑而且也已经成功实现）然后通过这个用code换取的值就可以识别到指定用户，如果需要的话，前端要显示的头像、昵称等这些信息可以使用自定义可编辑的功能，当然，也可以通过小程序提供的这个组件显示用户的头像及昵称（不过这个组件只有显示功能），用户如果想直接使用自己的头像昵称，也可以自行授权（比如添加个引导按钮什么之类的），建议使用；”

我司，目前的登录处理方式是：可以使用用户名+密码登录；也可以使用手机号+手机验证码登录；还可以使用微信认证授权登录。

而我们的微信授权登录，是先获取用户的手机号，再去后台匹配，如果数据库没有手机号，就直接返回新增用户登录。

所有，我们的前端处理时，就不是获取用户的用户信息了，而是只需要获取用户的手机号就行。

具体操作：

step1:
进入登录页面，就调用wx.login拿到code后，立马去请求后台接口，换取一个authorToken, 本质是和openId关联的一个东西。

    // 调用wx.login获取code后去后台换取auhortoken保存在本地
    wxLogin () {
   
      wx.login({
   
        success (res) {
   
          wxloginForCode({
   code: res.code, a