如何将我的帖子从firestore分页到我的Javascript web应用程序。我不使用除Node.js服务器之外的任何框架

// 引入Firebase SDK
const firebase = require('firebase/app');
require('firebase/firestore');

// 配置Firebase并初始化Firestore
const firebaseConfig = {
  apiKey: 'your-api-key',
  authDomain: 'your-auth-domain',
  projectId: 'your-project-id',
};

firebase.initializeApp(firebaseConfig);
const firestore = firebase.firestore();

async function getPaginatedPosts(pageSize, nextPageToken) {
  let query = firestore.collection('posts')
                      .orderBy('createdAt')
                      .limit(pageSize);

  if (nextPageToken) {
    query = query.startAfter(nextPageToken);
  }

  const snapshot = await query.get();
  const posts = [];

  snapshot.forEach(doc => {
    posts.push({
      id: doc.id,
      ...doc.data()
    });
  });

  const lastVisible = snapshot.docs[snapshot.docs.length - 1];
  const nextPage = {
    token: lastVisible,
    hasMore: posts.length === pageSize
  };

  return { posts, nextPage };
}

const pageSize = 10;

getPaginatedPosts(pageSize)
  .then(result => {
    const { posts, nextPage } = result;

    // 处理第一页的帖子
    console.log(posts);

    // 如果有更多帖子，则获取下一页
    if (nextPage.hasMore) {
      // 传递下一页令牌以检索下一页
      getPaginatedPosts(pageSize, nextPage.token)
        .then(nextPageResult => {
          const { posts: nextPagePosts, nextPage: nextPage } = nextPageResult;
          // 处理下一页的帖子
          console.log(nextPagePosts);
        })
        .catch(error => {
          console.error('Error retrieving next page:', error);
        });
    }
  })
  .catch(error => {
    console.error('Error retrieving paginated posts:', error);
  });