miniProgram/componets/authorized-login-dialog/authorizedLoginDialog.js

// componets/authorized-login-dialog/authorizedLoginDialog.js
const defaultAvatarUrl = "../../static/images/no-avatar.png"
const homeApi_empower = "https://aipush.aidsleep.cn";
const token_empower = "b74fd5754c5ef24cf600c39194abdaeb";
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    showDialog: {
      type: Boolean,
      value: false,
      observer(newVal, oldVal, changePath) {
        console.log(newVal, oldVal, changePath)
        const that = this;
        if (newVal) {
          console.log("开始登录");

          wx.login({
            success: res => {
              if (res.code) {
                // 发送 code 到服务器换取 session_key, openid  
                console.log('res.code==' + res.code);
                that.setData({ wxCode: res.code })
              }
            }
          });
        } else {
          console.log('that.data.wxCode==' + that.data.wxCode);
        }
      }
    }
  },

  attached() {
  },
  /**
   * 组件的初始数据
   */
  data: {
    intervalId: null,
    canIUseGetUserProfile: wx.canIUse('getUserProfile'),
    canIUseNicknameComp: wx.canIUse('input.type.nickname'),
    avatarUrl: defaultAvatarUrl,
    showLoading: false,
    encryptphone: "",
    phoneNumber: "",
    nickName: "",
    disableCommitBtn: true,
    hasUserInfo: false,
    wxCode: "",
    unionid: "",
    openid: "",
    session_key: "",
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 关闭
    onCloseDialog() {
      this.setData({ showDialog: false });
    },
    // 选择头像 后期需要上传
    onChooseAvatar(e) {
      const { avatarUrl } = e.detail
      this.setData({
        avatarUrl: avatarUrl,
      })
      this.checkHasUserInfo();
    },
    // 输入昵称
    onInputNameChange(e) {
      console.log('e.detail==' + JSON.stringify(e.detail));
      const nickName = e.detail.value
      this.setData({
        nickName: nickName,
      })
      wx.setStorageSync('nickName', nickName);
      this.checkHasUserInfo();
    },
    // 输入手机号
    onInputPhoneChange(e) {
      console.log('e.detail==' + JSON.stringify(e.detail));
      const phoneNumber = e.detail.value
      this.setData({
        phoneNumber: phoneNumber,
      })
      this.checkHasUserInfo();
    },
    // 获取手机号
    onGetPhoneNumber: function (e) {
      console.log('onGetPhoneNumber=' + JSON.stringify(e));
      var that = this;
      if (e.detail.errMsg === "getPhoneNumber:ok") {
        // 发送 encryptedData, iv, 和 sessionKey 到你的后台服务器  
        wx.request({
          url: `${homeApi_empower}/wxtel`,
          method: 'POST',
          data: {
            encryptedData: e.detail.encryptedData,
            iv: e.detail.iv,
            code: that.data.wxCode,
            token: token_empower,
          },
          success: function (res) {
            // 处理服务器返回的结果  
            console.log('手机号获取结果:', res.data);
            console.log('手机号获取结果:', res.data.encryptphone);
            console.log('手机号获取结果:', res.data.shieldphone);
            if (!res.data || !res.data.encryptphone || !res.data.shieldphone) {
              wx.showToast({
                title: '无法获取用户手机号',
                icon: 'none'
              });
              return;
            }
            console.log('e==' + JSON.stringify(e));
            console.log('e.detail==' + JSON.stringify(e.detail));
            that.setData({
              encryptphone: res.data.encryptphone,
              phoneNumber: res.data.shieldphone,
            })
            that.checkHasUserInfo();
            wx.setStorageSync('phoneNumber', res.data.shieldphone);
          }
        })
      }
    },
    checkHasUserInfo() {
      var disableCommitBtn = this.data.avatarUrl == defaultAvatarUrl || !this.data.phoneNumber || !this.data.nickName;
      this.setData({
        hasUserInfo: this.data.avatarUrl != defaultAvatarUrl && this.data.phoneNumber && this.data.nickName,
        disableCommitBtn: disableCommitBtn
      })
    },
    // 提交
    handleUserInfo: function (e) {
      if (!this.data.hasUserInfo) {
        wx.showToast({
          title: '请设置头像、昵称和手机号',
          icon: 'none'
        });
        return;
      }
      var that = this;
      if (e.detail.userInfo) {
        // 用户点击允许，获取到用户信息  
        this.setData({
          showLoading: true,
          disableCommitBtn: true,
        });
        wx.request({
          url: `${homeApi_empower}/wxlogin`,
          data: {
            code: that.data.wxCode,
            token: token_empower,
            nickname: that.data.nickName,
            encryptphone: that.data.encryptphone
          },
          method: 'POST',
          success: function (loginRes) {
            console.log('loginRes=' + JSON.stringify(loginRes));
            console.log('loginRes.data=' + JSON.stringify(loginRes.data));
            if (loginRes.data.codes && loginRes.data.codes == 'success') {
              console.log('123123123');
              console.log('loginRes.data.back.unionid=' + loginRes.data.back.unionid);
              console.log('loginRes.data.back.openid=' + loginRes.data.back.openid);
              wx.setStorageSync('unionid', loginRes.data.back.unionid);
              wx.setStorageSync('openid', loginRes.data.back.openid);
              // 获取后台授权
              that.startInterval();
              // 可以在这里提示用户进行手机号授权  
              that.setData({
                unionid: loginRes.data.back.unionid,
                openid: loginRes.data.back.openid,
                session_key: loginRes.data.back.session_key,
              });
            } else {
              that.setData({ showLoading: false });
              wx.showToast({
                title: '后台授权失败',
                icon: 'none'
              });
            }
          },
          fail: function () {
            that.setData({ showLoading: false });
            wx.showToast({
              title: '后台授权失败',
              icon: 'none'
            });
          }
        });

      } else {
        // 用户拒绝授权  
        wx.showToast({
          title: '您拒绝了授权',
          icon: 'none'
        });

        // 可以选择在这里处理用户拒绝授权后的逻辑，如跳转到其他页面或显示提示信息  
      }
    },
    // 轮询后台信息
    startInterval: function () {
      var that = this;
      this.data.intervalId = setInterval(() => {
        console.log('后台授权中...');
        console.log('startInterval-unionid=' + that.data.unionid);
        console.log('startInterval-openid=' + that.data.openid);
        wx.request({
          url: `${homeApi_empower}/wxstatus`,
          data: {
            //nickName: that.data.userInfo.nickName,
            unionid: wx.getStorageSync('unionid'),
            openid: wx.getStorageSync('openid'),
            //phoneNumber: that.data.phoneNumber,
            token: token_empower,
          },
          method: 'POST',
          success: function (intervalRes) {
            that.setData({ showLoading: false });
            console.log('intervalRes=' + JSON.stringify(intervalRes));
            console.log('intervalRes.data=' + JSON.stringify(intervalRes.data));
            //empower.js? [sm]:152 intervalRes.data={"st":"success","status":"0"}
            if (intervalRes.data && intervalRes.data.st && intervalRes.data.status && intervalRes.data.st == 'success' && intervalRes.data.status == '1') {
              wx.setStorageSync('hasAuth', true);
              wx.setStorageSync('hotelEmpower', intervalRes.data.hotel);
              wx.setStorageSync('roomEmpower', intervalRes.data.room);
              wx.setStorageSync('userInfo', {
                hotel: intervalRes.data.hotel,
                room: intervalRes.data.room,
                unionid: that.data.unionid,
                openid: that.data.openid,
                session_key: that.data.session_key,
                nickName: that.data.nickName,
                avatarUrl: that.data.avatarUrl,
                encryptphone: that.data.encryptphone,
                phoneNumber: that.data.phoneNumber
              })
              that.setData({
                disableCommitBtn: false,
              });
              wx.showToast({
                title: '后台授权成功',
                icon: 'none'
              });

              that.clearInterval();
              that.triggerEvent('authorizationSuccessful', true);
            } else {
              wx.showToast({
                title: '授权失败,请先办理入住',
                icon: 'none'
              });
            }
          },
          fail: function (error) {
            that.setData({ showLoading: false });
            that.clearInterval();
            wx.showToast({
              title: '后台授权失败',
              icon: 'none'
            });
          }
        });
      }, 3000);
    },
    clearInterval: function () {
      var that = this;
      if (this.data.intervalId) {
        clearInterval(that.data.intervalId);
        that.data.intervalId = null;
      }
    },
  }
})