获取网站总数 API - Next.js TS

获取网站总数 API - Next.js TS

本示例展示了如何使用 Next.js TS 构建一个 API，用于获取网站总数。

代码

1. total.ts 文件

import { getSortedSitesData } from './Site';

export async function total() {
  const allPostsData = await getSortedSitesData();
  const formattedPosts = allPostsData.map((post) => {
    return {
      ...post,
      date: post.date.toString(),
    };
  });
  // 假设数据库中有 100 个网站
  const totalPosts = formattedPosts.length;
  console.log(`网站总数：${totalPosts}`);
  return { totalPosts };
}

2. total.tsx 文件

import { NextApiRequest, NextApiResponse } from 'next';
import { total } from '../../path/to/total';

export default async function handler(req: NextApiRequest, res: NextApiResponse) {
  try {
    const data = await total();
    res.status(200).json(data);
  } catch (error) {
    console.error(error);
    res.status(500).end();
  }
}

部署

1. 将 total.ts 和 total.tsx 文件分别放置在 Next.js 项目的 pages/api 目录下。
2. 启动 Next.js 应用程序：npm run dev
3. 访问 http://localhost:3000/api/total 即可调用 API。

调用 API

调用 API 时，会返回以下 JSON 数据：

{
  "totalPosts": 100
}

注意：

• total.ts 文件中的 getSortedSitesData() 函数需要根据你的实际项目进行调整，以获取网站数据。
• path/to/total 需要替换为你实际的 total.ts 文件路径。

通过以上步骤，你可以创建一个简单的 API 来获取网站总数，并将其整合到你的 Next.js 项目中。