Small_Program/pages/user/index.js

// pages/user/index.js
const {
  request,
  serverName
} = require('../../utils/services');
const {
  Toast
} = require('../../utils/util.js');
var app = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    testImg: '../../imgs/testImg/loginBg.png',
    avatar: '../../imgs/testImg/userIcon.png',

    likeImg: '../../imgs/icon/like.png',
    commentImg: '../../imgs/icon/comment.png',
    sawImg: '../../imgs/icon/saw.png', 
    tabItem: [{
      name: '待付款',
      tag: "0",
      id: 1
    }, {
      name: '待使用',
      tag: "-1",
      id: 2
    }, {
      name: '待评论',
      tag: "-1",
      id: 3
    }],

    tabList: [{
      name: '收藏',
      img: "../../imgs/icon/like.png",
      id: 0
    }, {
      name: '评论',
      img: "../../imgs/icon/comment.png",
      id: 1
    }, {
      name: '足迹',
      img: "../../imgs/icon/saw.png",
      id: 2
    }],

    active: false,
    isLogin: ''
  },

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

  isLongPolling: function() {
    let loginSessionKey = wx.getStorageSync("token");

    let requestTask = wx.request({
      url: serverName + '/wx/api/user/longPolling',
      data: {
        loginSessionKey
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      method: "post",
      success: (res) => {
        if (res.data.code == 0) {
          if (res.data.data) {
            let tabList = this.data.tabList;
            tabList[1].img = "../../imgs/icon/comment_active.png";
            this.setData({
              tabList
            })

          } else {
            let tabList = this.data.tabList;
            tabList[1].img = "../../imgs/icon/comment.png";
            this.setData({
              tabList
            })
          }
        } else {
          return
        }
        this.isLongPolling()
      }
    })

    this.setData({
      requestTask
    })


    // request["longPolling"]({
    //   loginSessionKey
    // }, 'post', res => {


    // })
  },

  tapByIdx: function(e) {
    let {
      idx
    } = e.currentTarget.dataset;

    this._isLogin();

    if (this.data.isLogin) {
      switch (idx) {
        case 0:
          wx.navigateTo({
            url: './my_follow/index',
            success: function(res) {},
            fail: function(res) {},
            complete: function(res) {},
          })
          break;
        case 1:
          let tabList = this.data.tabList;
          tabList[1].img = "../../imgs/icon/comment.png";
          this.setData({
            tabList
          })
          wx.navigateTo({
            url: './my_comment/index',
            success: function(res) {},
            fail: function(res) {},
            complete: function(res) {},
          })
          break;
        case 2:
          wx.navigateTo({
            url: './my_saw/index',
            success: function(res) {},
            fail: function(res) {},
            complete: function(res) {},
          })
          break;
      }
    } else {
      Toast.showToast('tip', '请登录后查看', () => {

      });
    }


  },

  bindGetUserInfo: function(e) {
    console.log(e.detail.userInfo)
  },

  _myLikes: function() {
    this._isLogin();

    if (this.data.isLogin) {
      wx.navigateTo({
        url: './my_follow/index',
        success: function(res) {},
        fail: function(res) {},
        complete: function(res) {},
      })
    } else {
      Toast.showToast('tip', '请登录后查看', () => {

      });
    }

  },
  _myOrder: function() {
    this._isLogin();

    if (this.data.isLogin) {
      wx.navigateTo({
        url: './my_order/index',
        success: function(res) {},
        fail: function(res) {},
        complete: function(res) {},
      })
    } else {
      Toast.showToast('tip', '请登录后查看', () => {

      });
    }

  },

  _isLogin: function() {
    if (wx.getStorageSync('token')) {
      let loginSessionKey = wx.getStorageSync("token");
      console.log(loginSessionKey)
      if (loginSessionKey != " ") {
        wx.checkSession({
          success: res => {
            wx.request({
              url: serverName + '/wx/api/user/checkLoginSessionKey',
              data: {
                loginSessionKey
              },
              header: {
                'content-type': 'application/x-www-form-urlencoded'
              },
              method: "post",
              success: (res) => {
                if (res.data.code == 0) {
                  this.setData({
                    isLogin: true
                  })
                  app.globalData.isLogin = true;
                  // app.globalData.cookieIDs = res.data.data.ids.split(',');

                } else {
                  this.setData({
                    isLogin: false,
                    avatarUrl: ""
                  })
                  app.globalData.isLogin = false;
                  let {
                    requestTask
                  } = this.data;
                  requestTask.abort();
                }
              }
            })
            // request['checkLoginSessionKey']({
            //   loginSessionKey
            // }, "post", res => {
            //   if (res.data.code > -1) {
            //     this.setData({
            //       isLogin: true
            //     })
            //   } else {
            //     this.setData({
            //       isLogin: false
            //     })
            //   }
            // })
          },
          fail: res => {
            this.setData({
              isLogin: false,
              avatarUrl: ""

            })
            app.globalData.isLogin = false;
            let {
              requestTask
            } = this.data;
            requestTask.abort();
          }
        })
      } else {
        this.setData({
          isLogin: false,
          avatarUrl: ""
        })
        app.globalData.isLogin = false;

      }


    } else {
      this.setData({
        isLogin: false
      })
      app.globalData.isLogin = false;

    }
    // console.log("isLogin",this.data.isLogin);

  },


  _getUserInfoToLogin: function(e) {
    console.log(e);
    Toast.showToast2('loading');

    if (e.detail.encryptedData) {
      // 可以将 res 发送给后台解码出 unionId
      // app.globalData.userInfo = res.userInfo;
      // app.globalData.encryptedData = res.encryptedData;
      // app.globalData.iv = res.iv;
      let {
        encryptedData,
        iv,
        userInfo
      } = e.detail;
      app.globalData.userInfo = userInfo;
      wx.setStorageSync("userInfo", userInfo)
      this.setData({
        avatarUrl: wx.getStorageSync('userInfo').avatarUrl
      })
      wx.login({
        success: res => {
          let {
            code
          } = res;
          if (code) {
            wx.request({
              url: serverName + '/wx/api/user/getLoginSessionKey',
              data: {
                encryptedData,
                iv,
                code,
              },
              header: {
                'content-type': 'application/x-www-form-urlencoded'
              },
              method: 'post',
              // dataType: 'json',
              // responseType: 'text',
              success: res => {
                if (res.data.code > -1) {
                  let {
                    loginSessionKey
                  } = res.data.data;
                  wx.setStorageSync('token', loginSessionKey)
                  this.isLongPolling();
                  console.log(loginSessionKey)
                }
                else{
                  Toast.showToast('warn', '登录失败，请重试');
                }
              },
              fail: res => {
                Toast.showToast('warn', '登录失败，请重试');
                
              },
              complete: res=> {
                this._isLogin();
                Toast.hideLoading();
              },
            })


            // request["getLoginSessionKey"]({
            //   encryptedData,
            //   iv,
            //   code,
            //   loginSessionKey:''
            // }, "post", res => {
            //   if (res.data.code > -1) {
            //     let {
            //       loginSessionKey
            //     } = res.data.data;
            //     wx.setStorageSync('token', loginSessionKey)
            //     this.isLongPolling();
            //     console.log(loginSessionKey)
            //   }

            // }, err => {

            // }, complete => {
            //   this._isLogin();
            //   Toast.hideLoading();
            // })
          }
        }
      })



      // console.log(res.userInfo)

      // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
      // 所以此处加入 callback 以防止这种情况
      if (this.userInfoReadyCallback) {
        this.userInfoReadyCallback(res)
      }
    }

  },

  // _login:function(e){
  //   console.log(e)
  //   // if(!this.data.isLogin){
  //   //   Toast.showToast2('loading');
  //   //   wx.getSetting({
  //   //     success: res => {
  //   //       console.log(res.authSetting['scope.userInfo'])
  //   //       if (!res.authSetting['scope.userInfo'] == undefined || res.authSetting['scope.userInfo'] == false) {
  //   //         Toast.showToast('tip', '四维看展申请获取个人信息权限', () => {
  //   //           wx.openSetting({
  //   //             success: res => {
  //   //               this._getUserInfoToLogin();
  //   //             }
  //   //           });
  //   //         });
  //   //       } else {
  //   //         // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
  //   //         this._getUserInfoToLogin();
  //   //       }
  //   //     }
  //   //   })
  //   // }
  // },

  _logout: function() {

    if (this.data.isLogin) {
      Toast.showToast2('loading');
      let loginSessionKey = wx.getStorageSync('token');
      request["logout"]({
        loginSessionKey
      }, "post", res => {
        if (res.data.code > -1) {
          let {
            requestTask
          } = this.data

          wx.setStorageSync('userInfo', null);
          wx.setStorageSync('token', null);
          console.log(wx.getStorageSync('token'))
          this.setData({
            isLogin: false,
            avatarUrl: ""
          })
          app.globalData.isLogin = false;
          requestTask.abort();
        }

      }, err => {

      }, complete => {
        Toast.hideLoading();
      })
    }

  },

  tapToOrderByidx: function(e) {
    let {
      status,
      id
    } = e.currentTarget.dataset;
    this._isLogin();
    if (this.data.isLogin) {
      wx.navigateTo({
        url: `./my_order/index?status=${status}&&id=${id}`,
        success: function(res) {},
        fail: function(res) {},
        complete: function(res) {},
      })
    } else {
      Toast.showToast('tip', '请登录后查看', () => {

      });
    }
    // url="./my_order/index?status={{item.tag}}&&id={{item.id}}"
  },


  clickCell: function() {
    wx.navigateTo({
      url: './my_contact/index',
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    let {
      avatar = ""
    } = this.data;
    console.log(wx.getStorageSync('userInfo'))
    let avatarUrl = wx.getStorageSync('userInfo') ? wx.getStorageSync('userInfo').avatarUrl : "";
    let avatarName = wx.getStorageSync('userInfo') ? wx.getStorageSync('userInfo').nickName : "";

    this.setData({
      avatarUrl: avatarUrl || avatar,
      avatarName: avatarName || '已登录'
    })
    this._isLogin()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})