liedou_uniapp/App.vue

<script>
import {
  postJSON as $postJSON,
  get as $get,
  getUuid as $getUuid,
} from "./config/util";
import { api as $api } from "./config/api";
const router = require("./utils/router");

export default {
  globalData: {
    isIOS: false, // 判断是否是ios
    isIphoneX: false, // 是否为 iphoneX 及以上机型
    statusBarHeight: 44, // 状态栏高度
    navigationBarHeight: 44, // 导航栏高度 （自定义导航-导航烂高度默认44）
    SDKVersion: "", // 当前小程序基础库版本号
    WXVersion: "", // 当前小程序所在微信的版本号
    navbarBackground: {
      // 顶部导航背景图
      backgroundImage:
        "linear-gradient(45deg, rgb(244, 117, 42), rgb(239, 15, 42))",
    },
    newNavbarBackground: {
      background: `url(https://ld.726p.com/tbk/upload/c579f015a49a3f9e066f0ab00ab56f7.png) no-repeat`,
      backgroundSize: "cover",
    },
    $router: router,
    fun_version: "", //过审接口版本号
  },
  onLaunch: function (options) {
    console.log("App onLaunch options => ", options);
    // 判断当前设备是否为 iphoneX 及以上机型
    this.handleGetIsIphoneX();
    // 判断当前小程序是否为最新版本
    this.handleVersionUpdate();
    // 获取当前小程序基础库版本号
    this.handleGetVersion();
    // 小程序审核状态查询
    this.getVerifiedFun();
    // 微信登录
    this.handleWxLogin();
    // 设置用户首次启动小程序标识（用于在首页展示开屏广告）
    this.handleSetUserIsFirst(true);
  },
  onShow: function (options) {
    // 进来options参数处理
    this.onShowEntry(options);
    // 清除微信客服标识
    this.handleRemoveWxServiceFlag();
  },
  onHide: function () {
    const wxServiceDialogFlag = uni.getStorageSync("wxServiceDialogFlag");
    if (!wxServiceDialogFlag) {
      // 获取“微信客服”弹框标识，如果没触发过“微信客服”弹框，再初始化剪贴板(弹出猜你喜欢弹框)
      uni.setStorageSync("clipboard", ""); // 通过clipboard的内容来判断是否已经过弹出剪切板内容，弹出过的clipboard为no，否则clipboard为空
    }
  },
  methods: {
    // 初次进来
    onShowEntry(options) {
      if (options.path != "pages/subPackages/home/shareDetail") {
        // 从好友邀请过来，分享人的邀请码
        if (options.query && options.query.invite_code) {
          uni.setStorageSync("share_invite_code", options.query.invite_code);
        }
      }
    },
    // 判断当前设备是否为 iphoneX 及以上机型
    handleGetIsIphoneX() {
      const systemInfo = uni.getSystemInfoSync();
      const _app = this.$scope || getApp(); // 兼容方式
      _app.globalData.statusBarHeight = systemInfo.statusBarHeight;

      if (systemInfo.system.toUpperCase().includes("IOS")) {
        _app.globalData.isIOS = true; // 判断是否是ios
        if (systemInfo.safeArea.top > 20) {
          _app.globalData.isIphoneX = true;
        }
      }
    },
    // 判断当前小程序是否为最新版本
    handleVersionUpdate() {
      const that = this;
      // 判断应用的 getUpdateManager 是否在当前版本可用
      if (uni.canIUse("getUpdateManager")) {
        const updateManager = uni.getUpdateManager();
        // 向小程序后台请求完新版本信息
        updateManager.onCheckForUpdate(function (res) {
          if (res.hasUpdate) {
            // 小程序有新版本，静默下载新版本，新版本下载完成
            updateManager.onUpdateReady(function () {
              uni.showModal({
                title: "更新提示",
                content: "小程序已发布新版本，是否重启应用？",
                success: function (res) {
                  if (res.confirm) {
                    updateManager.applyUpdate();
                  } else if (res.cancel) {
                    // 强制用户更新，弹出第二次弹窗
                    uni.showModal({
                      title: "提示",
                      content: "小程序已发布新版本，是否重启应用",
                      showCancel: false, // 隐藏取消按钮
                      success: function (res) {
                        // 第二次提示后，强制更新
                        if (res.confirm) {
                          // 当新版本下载完成，调用该方法会强制当前小程序应用上新版本并重启
                          updateManager.applyUpdate();
                        } else if (res.cancel) {
                          // 重新回到版本更新提示
                          that.handleVersionUpdate();
                        }
                      },
                    });
                  }
                },
              });
            });
            // 当新版本下载失败
            updateManager.onUpdateFailed(function () {
              uni.showModal({
                title: "提示",
                content: "小程序版本更新失败，请您删除当前小程序并重新打开",
              });
            });
          }
        });
      } else {
        // 提示用户在最新版本的客户端上体验
        uni.showModal({
          title: "温馨提示",
          content:
            "当前微信版本过低，可能无法使用该功能，请升级到最新版本后重试。",
        });
      }
    },
    // 获取当前小程序基础库版本号
    handleGetVersion() {
      const systemInfo = uni.getSystemInfoSync();
      console.log("systemInfo => ", systemInfo);
      const _app = this.$scope || getApp(); // 兼容方式
      _app.globalData.SDKVersion = systemInfo.SDKVersion;
      _app.globalData.WXVersion = systemInfo.version;
    },
    // 显示获取用户信息确认弹框
    handleShowModal(content) {
      return new Promise((resolve) => {
        uni.showModal({
          title: "提示",
          content: content || "确定执行当前操作吗？",
          success: async (res) => {
            if (res.confirm) {
              resolve("确认");
            }
          },
        });
      });
    },
    // 根据token => 获取用户信息 => 更新至本地存储
    handleGetUserInfo(loadingFlag) {
      return new Promise(async (resolve, reject) => {
        try {
          const url = $api.login_userInfo;
          const params = {};
          const headers = {
            token: uni.getStorageSync("token") || "",
          };
          if (!loadingFlag) {
            // 我的页面刷新信息的时候，不需要loading
            uni.showLoading({ title: "加载中...", mask: true });
          }
          const { data: res } = await $postJSON(url, params, headers);
          if (res && res.errno == 0) {
            uni.setStorageSync("userInfo", { ...res.rst });
            resolve({ ...res.rst });
          } else {
            uni.showToast({ title: res.err || "操作失败", icon: "none" });
            reject(res.err);
          }
        } catch (error) {
          console.log("error => ", error);
          reject(error);
        } finally {
          uni.hideLoading();
        }
      });
    },
    // 获取渠道版本信息 - 接口header中使用
    channelGetVersion() {
      return new Promise(async (resolve, reject) => {
        try {
          const url = $api.channel_getVersion;
          const params = {
            channel_name: "猎豆优选小程序",
          };
          const { data: res } = await $get(url, params);
          if (res && res.errno == 0) {
            const { source, version } = res.rst || {};
            uni.setStorageSync("channel_source", source || "");
            uni.setStorageSync("channel_version", version || "");
            resolve(res.rst);
          } else {
            reject(res.err);
          }
        } catch (error) {
          reject(error);
        }
      });
    },
    // 小程序审核状态接口
    async getVerifiedFun() {
      try {
        const url = $api.wx_verified;
        const params = {
          version: "v1.0",
        };
        const { data: res } = await $get(url, params);
        if (res && res.errno == 0) {
          const _app = this.$scope || getApp(); // 兼容方式
          _app.globalData.fun_version = res.rst.version;
        } else {
          _app.globalData.fun_version = "";
        }
      } catch (error) {
      } finally {
        uni.hideLoading();
      }
    },
    // 用户打开详情页行为数据上报categoryNew_countBuy
    async categoryNew_countBuy({ shop_type, type, path, category_id }) {
      let user_label = "";
      // #ifdef H5
      // h5生成随机数 为个统计游客数
      user_label = uni.getStorageSync("uuid_user_label") || "";
      if (!user_label || user_label == "") {
        user_label = $getUuid();
        uni.setStorageSync("uuid_user_label", user_label);
      }
      // #endif
      try {
        const url = $api.categoryNew_countBuy;
        const params = {
          shop_type,
          type,
          path,
          category_id,
          user_label: user_label,
        };
        const { data: res } = await $postJSON(url, params);
        if (res && res.errno == 0) {
        } else {
        }
      } catch (error) {
      } finally {
      }
    },
    // 获取当前用户等级
    handleGetUserLevel() {
      const userInfo = uni.getStorageSync("userInfo") || {};
      return userInfo.user_level || "";
    },
    // 清空用户登录信息缓存
    handleClearUserInfo() {
      const USER_INFO_KEYS = [
        "token",
        "user_id",
        "userInfo",
        "nickname",
        "sex",
        "default_invite_code",
        "openid",
        "session_key",
        "unionid",
      ];
      USER_INFO_KEYS.forEach((key) => {
        uni.removeStorageSync(key);
      });
    },
    // 执行微信登录
    async handleWxLogin() {
      const isUnionid = this.handleGetUnionid();
      if (!isUnionid) {
        // 没有unionid => 从后台获取
        const res = await this.handleGetWxLoginInfo();
        // 将当前用户微信登录信息存储至本地(供后续手机号登录及业务使用)
        // 新用户(未绑定过微信的用户)
        uni.setStorageSync("openid", res.openid || "");
        uni.setStorageSync("session_key", res.session_key || "");
        uni.setStorageSync("unionid", res.unionid || "");

        if (res.token) {
          // 老用户(当前微信绑定过手机号) => 根据token获取用户信息
          uni.setStorageSync("token", res.token);
          uni.setStorageSync("user_id", res.user_id);
          uni.setStorageSync("sex", res.sex);
          uni.setStorageSync("nickname", res.nickname);
          uni.setStorageSync("name", res.name);
          this.handleGetUserInfo(); // 获取用户信息
        }
      }
    },
    // 判断本地是否有微信唯一id unionid
    handleGetUnionid() {
      return uni.getStorageSync("unionid") || "";
    },
    // 获取用户微信登录信息
    handleGetWxLoginInfo() {
      return new Promise((resolve, reject) => {
        uni.login({
          success: async (res) => {
            const code = res.code;
            try {
              const { data: res = {} } = await $get($api.login_getUserInfo, {
                code,
              });
              if (res && res.errno == 0) {
                resolve(res.rst.user_info);
              } else {
                uni.showToast({ title: res.err, icon: "none" });
                reject(res.err);
              }
            } catch (error) {
              reject(error);
              console.log("error => ", error);
            }
          },
        });
      });
    },

    // 设置用户首次启动标识（用于在首页展示开屏广告）
    handleSetUserIsFirst(isFirst) {
      uni.setStorageSync("isFirstLaunch", isFirst || false);
    },
    // 获取用户首次启动标识
    handleGetUserIsFirst() {
      return uni.getStorageSync("isFirstLaunch") || false;
    },
    handleRemoveWxServiceFlag() {
      uni.removeStorageSync("wxServiceDialogFlag");
    },
  },
};
</script>

<style lang="scss">
@import "uview-ui/index.scss";
/*每个页面公共css */

// 去除u-navbar自定义导航栏下方分割线/底部下划线
.u-border-bottom:after {
  border: none !important;
}
//统一背景颜色
page {
  background: #f5f5f5;
}
// 无数据展示
.no-data-blcok {
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  .no-data-img {
    width: 160rpx;
    height: 160rpx;
  }
  .no-data-hint {
    color: #999999;
    font-size: 26rpx;
    line-height: 50rpx;
    margin-top: 40rpx;
  }
}
</style>