处理微信小程序授权登录

//get请求封装(跳页判断)

//通过全局函数getApp可以获取全局变量，需要全局的数据可以在根目录下的app.js进行设置

let app=getApp();

const myGet = (url, data)=>{

  return new Promise((resolve, reject)=>{

    wx.request({

      url: `${app.globalData.HTTP}${url}`,

      data:data,

      method:"GET",

      //这个authorization就是含有openid和sesstion_key信息的值

      header: { 'authorization': app.globalData.authorization},//获取全局变量中的用户信息，并放入到请求头中

      success:(res)=>{

        if (res.data.code == 409) {

          //409代表用户未进行登录，强制跳到写好的登录页

          wx.navigateTo({

            url: '../login/login'

          })

        } else{

          resolve(res.data);

        }

      },

      fail:(res)=>{

        reject();

      }

    })

  })

}

//post请求封装(跳页判断)

const myPost = (url, data) => {

  return new Promise((resolve, reject) => {

    wx.request({

      url: `${app.globalData.HTTP}${url}`,

      data: data,

      method: "POST",

      header: { 'authorization': app.globalData.authorization},

      success: (res) => {

        if (res.data.code == 409){

          wx.navigateTo({

            url: '../login/login'

          })

        }else{

          resolve(res.data);

        }

      },

      fail: (res) => {

        reject();

      }

    })

  })

}

module.exports = {

  myGet,

  myPost,

}

//app.js

App({

  onLaunch: function() {

    //这里可以根据项目实际需求写一些项目初始化需要执行的代码

  },

  globalData: {

    HTTP: "https://shop.yamecent.com/",

    //我们获取openid和sesstion_key之后，会把它存放到小程序内存的authorization中，这样数据不会丢失，除非删除该小程序

    authorization: wx.getStorageSync('authorization') || "",//获取存储在小程序内存中的authorization

  }

})

const myRequest = require('./myRequest.js');

const app = getApp();

const HTTP = app.globalData.HTTP;

//微信login接口获取code封装 

const myLogin=()=>{

  return new Promise((resolve, reject)=>{

    wx.login({

      success:(res)=>{

        resolve(res.code);

      },

      fail:(res)=>{

        reject(res.errMsg);

        console.log("微信登录获取code失败");

      }

    })

  })

}

//获取openid和session_key接口封装

const getUserMsg=(myUrl,myData)=>{

  return new Promise((resolve,reject)=>{

    wx.request({

      url: myUrl,

      method: "POST",

      data: myData,

      success:(res)=>{

        if(res.data.code==500){

          //获取失败

          wx.showToast({

            title: res.data.msg,

            icon: 'none',

            duration: 2000,

            mask:true,

          })

          resolve(500);//失败是返回500          

        }else{

          resolve(res.data.data);

        }       

      },

      fail:(res)=>{

        reject(res.data.msg);

        console.log("获取openid和session_key接口失败");        

      }

    })

  })

}

//封装存储（注意：这里的存储过程是异步的）

const mySetStorage=(key,val)=>{

  return new Promise((resolve, reject) => {

    wx.setStorage({

      key: key,

      data: val,

      success: () => {

        resolve(true);

      },

      fail: () => {

        reject(false);

      }

    })

  })  

}

//封装获取存储

const myGetStorage=(key)=>{

  return new Promise((resolve,reject)=>{

    wx.getStorage({

      key: 'key',

      success: (res)=>{

        resolve(res.data);

      },

      fail:()=>{

        reject("获取存储失败");

      }

    })

  })

}

//授权方法封装

//sendData是通过授权按钮获取到的用户信息，这里要作为参数传递给后台来保存用户的信息

//cb是授权登录成功之后所要执行的函数，具体是什么功能的函数，要根据项目需求而定，也可能不需要

const myAuthorize = (sendData,cb="") => {

  async function accredit() {

    wx.showLoading({

      title: '认证中',

      mask:true

    })

    let code = await myLogin();//微信登陆获取code接口

    sendData.code=code;

    let author = await getUserMsg(`${HTTP}auth`, sendData);//获取后台openid sesstion_key接口

    wx.hideLoading();

    if(author==500){

      return;

    }

    await mySetStorage("authorization", author.Authorization);//存到内存中，进入小程序中获取并存入app.globalData中

    app.globalData.authorization = author.Authorization;

    typeof cb == "function" && cb(author);//回调所需要用的登陆状态参数

    //这里可以补充一下其它业务逻辑，如tabbar用户购物车数量等逻辑

    wx.showToast({

      title: '成功授权',

      icon: 'success',

      duration: 2000,

      mask: true

    });               

  }

  accredit();

}

module.exports = {

  myAuthorize,

  mySetStorage,

  myGetStorage

}

<button class='btn' open-type="getUserInfo" bindgetuserinfo='gotoLogin'>立即登录</button>

// pages/login/login.js

const myRequest = require('../../common/script/myRequest.js');

const login = require('../../common/script/login.js');

const app = getApp();

const HTTP = app.globalData.HTTP;

Page({

  /**

   * 页面的初始数据
   */
  data: {
  

  },

  gotoLogin: function (e) {

    let sendOjb={};//用于存放用户信息

    if (e.detail.errMsg =="getUserInfo:ok"){

      sendOjb = { avatar: e.detail.userInfo.avatarUrl,

                  nickname: e.detail.userInfo.nickName, 

                  sex: e.detail.userInfo.gender,

                  province: e.detail.userInfo.province, 

                  city: e.detail.userInfo.city};  

      login.myAuthorize(sendOjb,()=>{

        wx.navigateBack();//成功之后返回之前的页面，也可以根据项目需求写一些其它的逻辑

      })    

    }else{

    }

  },

  /**

   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

})