如何通过JS日志监控API性能 - 问答

要通过JavaScript日志监控API性能，你可以使用以下方法：

使用console.time()和console.timeEnd()：

在调用API之前，使用console.time()创建一个计时器，并在API调用完成后使用console.timeEnd()结束计时器。这将在控制台中显示执行时间。

console.time("API Call");
fetch("https://api.example.com/data")
  .then((response) => response.json())
  .then((data) => {
    console.log(data);
    console.timeEnd("API Call");
  })
  .catch((error) => {
    console.error("Error fetching data:", error);
    console.timeEnd("API Call");
  });

使用Performance API：

Performance API提供了更详细的时间数据，可以用来监控API性能。例如，你可以使用performance.now()来获取高精度的时间戳。

const startTime = performance.now();
fetch("https://api.example.com/data")
  .then((response) => response.json())
  .then((data) => {
    console.log(data);
    const endTime = performance.now();
    console.log(`API Call took ${endTime - startTime} milliseconds`);
  })
  .catch((error) => {
    console.error("Error fetching data:", error);
    const endTime = performance.now();
    console.log(`API Call took ${endTime - startTime} milliseconds`);
  });

使用自定义日志记录：

你可以创建一个自定义的日志记录函数，用于记录API调用的开始和结束时间，以及其他相关信息。

function logAPICall(apiName) {
  const startTime = performance.now();
  console.log(`Starting ${apiName}...`);

  return fetch(`https://api.example.com/${apiName}`)
    .then((response) => response.json())
    .then((data) => {
      const endTime = performance.now();
      console.log(`${apiName} completed in ${endTime - startTime} milliseconds`);
      return data;
    })
    .catch((error) => {
      const endTime = performance.now();
      console.error(`${apiName} failed in ${endTime - startTime} milliseconds`, error);
      throw error;
    });
}

logAPICall("data");

使用第三方库：

有许多第三方库可以帮助你监控API性能，例如Axios、Superagent等。这些库通常提供了内置的性能监控功能，可以方便地记录请求和响应的时间。

无论你选择哪种方法，都要确保在生产环境中谨慎使用console.log()和其他调试工具，以免影响性能。在生产环境中，你可以考虑使用更高级的监控工具，如Sentry、New Relic等。

0 赞

0 踩