mini_read_space_front/pages/index/index.js

// index.js
const defaultAvatarUrl =
  "https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0";
const testCover = "/assets/images/bg-book.png";
import {
  getBannerList,
  getCardNovels,
  getBrowsingHistory,
  getNovelDetail,
} from "../../api/api";
import { goToBookDetail, SendEvent } from "../../utils/util";
import { apple } from "../../config/config";

const app = getApp();
let interstitialAd = null;

Page({
  data: {
    isLoggedIn: false,
    // 轮播配置
    indicatorDots: true,
    autoplay: true,
    interval: 3000,
    duration: 500,
    cardNovels: [],
    bannerList: [], // 添加banner列表数据

    // 性别选项
    gender: "male", // male or female

    // 主编推荐数据
    recommendBooks: [], // 主编推荐数据

    // 推荐书籍列表
    bookList: [],

    // 全网热推
    hotBooks: [], // 全网热推数据

    // 强力推荐
    showStrongRecommend: false, // 控制强力推荐模块显示/隐藏
    strongBooks: [],

    // 最近阅读书籍
    recentBook: null, // 最近阅读的书籍
    showRecentBook: false, // 是否显示最近阅读
    isRecentBookHidden: false, // 最近阅读是否隐藏
    recentBookAnimation: {}, // 最近阅读动画数据

    motto: "Hello World",
    userInfo: {
      avatarUrl: defaultAvatarUrl,
      nickName: "",
    },
    hasUserInfo: false,
    canIUseGetUserProfile: wx.canIUse("getUserProfile"),
    canIUseNicknameComp: wx.canIUse("input.type.nickname"),

    share_count: 1,
  },

  onLoad(options) {
    console.log("入参options:", options);
    const promotionid = options.promotionId;
    console.log("传入promotionid:", promotionid);
    this.interstitalLoad();
    this.autoLogin(promotionid);
    // 创建动画实例
    this.recentBookAnimator = wx.createAnimation({
      duration: 300,
      timingFunction: "ease",
    });
    const scene = wx.getStorageSync("scene");
    const bookId = parseInt(options.novelId);
    const jump = options.jump; // 跳转类型 1-不进阅读器
    console.log("传入jump:", jump);
    console.log("scene:", scene);
    console.log("传入novelId:", bookId);
    if (
      bookId &&
      this.data.share_count === 1 &&
      (scene === 1008 || scene === 1007) &&
      jump !== 1
    ) {
      getNovelDetail(bookId).then((res) => {
        this.setData({
          share_count: 2,
        });
        goToBookDetail({
          bookId,
          wxBookId: res.wxBookId,
        });
      });
    } else if (bookId && this.data.share_count === 2) {
      setTimeout(() => {
        this.interstitalPlayFn();
      }, 1000);
    }
  },

  onShow() {
    // 每次页面显示时检查是否需要更新数据
    if (this.data.isLoggedIn) {
      this.checkAndUpdateGender();
      // 每次页面显示时获取最近阅读
      this.getRecentReadBook();
    }
  },

  onTabItemTap(item) {
    console.log(item.index);
    setTimeout(() => {
      this.interstitalPlayFn();
    }, 1000);
    // tabBar 点击时检查是否需要更新数据
    if (this.data.isLoggedIn) {
      this.checkAndUpdateGender();
    }
  },

  // 插屏广告加载
  interstitalLoad() {
    let adId = apple.ads.insertAdId;
    interstitialAd = wx.createInterstitialAd({
      adUnitId: adId,
    });
    interstitialAd.onLoad(() => {
      console.log("书城页插屏广告onLoad");
    });
    interstitialAd.onError((err) => {
      console.log("书城页插屏广告onError", err);
    });
    interstitialAd.onClose(() => {
      console.log("书城页插屏广告onClose");
    });
  },

  // 插屏广告展示
  interstitalPlayFn() {
    if (interstitialAd) {
      interstitialAd.show().catch((err) => {
        console.error("书城页插屏显示错误", err);
      });
    }
  },

  // 页面滚动触发
  onPageScroll(e) {
    // 清除之前的定时器
    if (this.scrollTimer) {
      clearTimeout(this.scrollTimer);
      this.scrollTimer = null;
    }

    // 滚动时隐藏最近阅读
    if (
      e.scrollTop > 300 &&
      !this.data.isRecentBookHidden &&
      this.data.showRecentBook
    ) {
      this.hideRecentBook();
    }

    // 设置滑动停止后的定时器
    this.lastScrollTop = e.scrollTop;
    this.scrollTimer = setTimeout(() => {
      // 2秒后检查是否已经停止滚动
      if (
        this.lastScrollTop === e.scrollTop &&
        this.data.isRecentBookHidden &&
        this.data.showRecentBook
      ) {
        this.showRecentBook();
      }
    }, 1500); // 2秒后执行
  },

  // 隐藏最近阅读
  hideRecentBook() {
    // 计算移动距离，只漏出10px
    const windowWidth = wx.getSystemInfoSync().windowWidth;
    const rpxToPx = windowWidth / 750; // rpx到px的转换比例
    const btnWidth = 90 * rpxToPx; // 悬浮按钮宽度，90rpx转换为px
    const moveX = -(btnWidth + 35); // 只漏出10px

    this.recentBookAnimator.translateX(moveX).step();
    this.setData({
      recentBookAnimation: this.recentBookAnimator.export(),
      isRecentBookHidden: true,
    });
  },

  // 显示最近阅读
  showRecentBook() {
    this.recentBookAnimator.translateX(0).step();
    this.setData({
      recentBookAnimation: this.recentBookAnimator.export(),
      isRecentBookHidden: false,
    });
  },

  // 点击隐藏的最近阅读
  toggleRecentBook() {
    if (this.data.isRecentBookHidden) {
      // 隐藏状态点击展开
      this.showRecentBook();
    } else {
      // 展开状态点击跳转
      this.goToRecentBook();
    }
  },

  // 自动登录
  async autoLogin(promotionid) {
    try {
      // 检查是否已经登录
      if (app.globalData.accessToken) {
        this.setData({
          isLoggedIn: true,
        });
        // 获取性别设置并加载数据
        this.initGenderAndLoadData();
        // 获取最近阅读记录
        this.getRecentReadBook();
        return;
      }

      // 未登录，执行登录
      const res = await getApp().login(promotionid);
      this.setData({
        isLoggedIn: true,
      });
      // 登录成功后获取性别设置并加载数据
      this.initGenderAndLoadData();
      // 获取最近阅读记录
      this.getRecentReadBook();
    } catch (error) {
      console.error("登录失败:", error);
      // 登录失败也尝试加载数据，使用默认性别
      this.initGenderAndLoadData();
    }
  },

  // 初始化性别设置并加载数据
  initGenderAndLoadData() {
    // 获取保存的性别设置，如果没有则使用默认值
    const gender = wx.getStorageSync("gender") || "male";
    this.setData({
      gender,
    });
    // 加载所有数据
    this.loadAllData();
  },

  // 检查并更新性别，如果有变化则重新加载数据
  checkAndUpdateGender() {
    const savedGender = wx.getStorageSync("gender") || "male";
    if (savedGender !== this.data.gender) {
      this.setData({
        gender: savedGender,
      });
      this.loadAllData();
    }
  },

  // 获取最近阅读的书籍
  async getRecentReadBook() {
    try {
      const historyList = await getBrowsingHistory();
      if (Array.isArray(historyList) && historyList.length > 0) {
        // 取第一本作为最近阅读
        const recentBook = historyList[0];
        this.setData({
          recentBook: recentBook,
          showRecentBook: true,
          isRecentBookHidden: false,
        });

        // 重置动画
        if (this.recentBookAnimator) {
          this.recentBookAnimator.translateX(0).step();
          this.setData({
            recentBookAnimation: this.recentBookAnimator.export(),
          });
        }
      } else {
        this.setData({
          showRecentBook: false,
        });
      }
    } catch (error) {
      console.error("获取最近阅读失败:", error);
      this.setData({
        showRecentBook: false,
      });
    }
  },

  // 跳转到最近阅读的书籍
  goToRecentBook() {
    if (this.data.recentBook) {
      SendEvent("click_bookmall_recently_read", {
        video_id: this.data.recentBook.novelId,
        wx_book_id: this.data.recentBook.wxBookId,
        chapter_no: this.data.recentBook.novelChapterId,
        uuid: app.globalData.uuid,
      });
      goToBookDetail({
        bookId: this.data.recentBook.novelId,
        wxBookId: this.data.recentBook.wxBookId,
        chapterId: this.data.recentBook.novelChapterId,
      });
    }
  },

  // 加载所有数据
  loadAllData() {
    wx.showLoading({
      title: "加载中...",
    });

    // 并行请求数据
    Promise.all([this.getBannerList(), this.getCardNovels()]).finally(() => {
      wx.hideLoading();
    });
  },

  // 切换性别分类
  switchGender: function (e) {
    const { gender } = e.detail;
    // 如果性别没有改变，直接返回
    if (this.data.gender === gender) {
      return;
    }

    // 保存性别设置到本地存储
    wx.setStorageSync("gender", gender);
    this.setData({
      gender,
    });
    SendEvent("click_bookmall_classify", {
      gender: gender,
      uuid: app.globalData.uuid,
    });
    // 重新加载数据
    this.loadAllData();
  },

  // 跳转到搜索页面
  goToSearch: function () {
    // SendEvent('click_bookmall_classify', {});
    wx.navigateTo({
      url: "/pages/search/search",
    });
  },

  // 跳转到书籍详情页
  goToBookDetail: function (e) {
    const bookId = e.currentTarget.dataset.bookId;
    const wxBookId = e.currentTarget.dataset.wxBookId;
    const chapterId = e.currentTarget.dataset.chapterId;

    console.log("bookId", bookId);
    console.log("wxBookId", wxBookId);
    console.log("chapterId", chapterId);

    goToBookDetail({
      bookId,
      wxBookId,
      chapterId,
    });
  },

  // 跳转到功能页面
  goToFeature: function (e) {
    const feature = e.currentTarget.dataset.feature;

    switch (feature) {
      case "recent":
        // 修改为跳转到书架页面的阅读历史标签
        SendEvent("click_shelf_tab", { uuid: app.globalData.uuid });
        wx.switchTab({
          url: "/pages/bookshelf/bookshelf",
        });
        break;
      case "user":
        // 修改为跳转到我的页面
        SendEvent("click_mine_tab", { uuid: app.globalData.uuid });
        wx.switchTab({
          url: "/pages/mine/mine",
        });
        break;
      case "category":
        // 修改为跳转到分类页面
        SendEvent("click_classify_tab", { uuid: app.globalData.uuid });
        wx.switchTab({
          url: "/pages/category/category",
        });
        break;
      case "hot":
        SendEvent("click_bookmall_classify", { uuid: app.globalData.uuid });
        wx.navigateTo({
          url: "/pages/book/list?type=hot",
        });
        break;
      case "recommend":
        SendEvent("click_bookmall_classify", { uuid: app.globalData.uuid });
        wx.navigateTo({
          url: "/pages/book/list?type=recommend",
        });
        break;
      default:
        break;
    }
  },

  bindViewTap() {
    wx.navigateTo({
      url: "../logs/logs",
    });
  },

  onChooseAvatar(e) {
    const { avatarUrl } = e.detail;
    const { nickName } = this.data.userInfo;
    this.setData({
      "userInfo.avatarUrl": avatarUrl,
      hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl,
    });
  },

  onInputChange(e) {
    const nickName = e.detail.value;
    const { avatarUrl } = this.data.userInfo;
    this.setData({
      "userInfo.nickName": nickName,
      hasUserInfo: nickName && avatarUrl && avatarUrl !== defaultAvatarUrl,
    });
  },

  getUserProfile(e) {
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
    wx.getUserProfile({
      desc: "展示用户信息", // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      success: (res) => {
        console.log(res);
        this.setData({
          userInfo: res.userInfo,
          hasUserInfo: true,
        });
      },
    });
  },

  // 获取banner列表
  async getBannerList() {
    try {
      const channel = this.data.gender === "male" ? 1 : 2;
      const bannerList = await getBannerList(channel);
      this.setData({
        bannerList,
      });
      return bannerList;
    } catch (error) {
      console.error("获取banner失败:", error);
      wx.showToast({
        title: "获取banner失败",
        icon: "none",
      });
      return [];
    }
  },

  async getCardNovels() {
    try {
      const channel = this.data.gender === "male" ? 1 : 2;
      const cardNovels = await getCardNovels(channel);
      this.setData({
        cardNovels,
      });

      // 处理主编推荐数据
      if (cardNovels[0]) {
        const [firstBook, ...restBooks] = cardNovels[0].novelList;
        this.setData({
          recommendBooks: firstBook
            ? [
                {
                  id: firstBook.id,
                  title: firstBook.title,
                  desc: firstBook.brief,
                  stats: `近期收藏${firstBook.readingNumber}`,
                  cover: firstBook.cover,
                  wxBookId: firstBook.wxBookId,
                  chapterId: firstBook.chapterId,
                },
              ]
            : [],
          bookList: restBooks.slice(0, 4).map((novel) => ({
            id: novel.id,
            title: novel.title,
            cover: novel.cover,
            wxBookId: novel.wxBookId,
            chapterId: novel.chapterId,
          })),
          editorTitle: cardNovels[0].name, // 设置实际的标题
        });
      }

      // 处理全网热推数据
      if (cardNovels[1]) {
        this.setData({
          hotBooks: cardNovels[1].novelList.map((novel) => ({
            id: novel.id,
            title: novel.title,
            desc: novel.brief,
            stats: `${novel.readingNumber}人看过`,
            cover: novel.cover,
            wxBookId: novel.wxBookId,
            chapterId: novel.chapterId,
          })),
          hotTitle: cardNovels[1].name, // 设置实际的标题
        });
      }

      // 处理强力推荐数据
      if (cardNovels[2] && cardNovels[2].novelList.length > 0) {
        this.setData({
          strongBooks: cardNovels[2].novelList.slice(0, 4).map((novel) => ({
            id: novel.id,
            title: novel.title,
            cover: novel.cover,
            wxBookId: novel.wxBookId,
            chapterId: novel.chapterId,
          })),
          showStrongRecommend: true,
        });
      } else {
        // 如果没有第三组数据，隐藏强力推荐模块
        this.setData({
          strongBooks: [],
          showStrongRecommend: false,
        });
      }

      return cardNovels;
    } catch (error) {
      console.error("获取卡片小说失败:", error);
      wx.showToast({
        title: "获取卡片小说失败",
        icon: "none",
      });
      return [];
    }
  },

  // 处理banner点击
  onBannerTap(e) {
    const banner = e.currentTarget.dataset.item;
    if (banner.linkUrl) {
      SendEvent("banner_click", {
        banner_id: banner.id,
        banner_title: banner.title,
        uuid: app.globalData.uuid,
      });
      wx.navigateTo({
        url: banner.linkUrl,
      });
    }
  },
});