我们使用 vercel 平台来部署 nextjs 应用程序和无服务器 API。 vercel 简化了很多东西,但监控性能、http 错误和异常并不那么容易。

每次 SSR 部分或 Serverless API 出现问题时,需要转到部署功能日志选项卡以查看 Vercel 中的异常日志和堆栈跟踪。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--Nj5UoSlX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev- to-uploads.s3.amazonaws.com/uploads/articles/362wp2h6grhldvrwq5to.png)

因此,我们构建了监控解决方案https://nextapm.dev和 npm 模块来监控应用程序中的性能和错误,并且可以在通用仪表板中查看。

https://www.npmjs.com/package/nextapm

该模块将捕获传入 Web 请求的响应时间、请求计数、http 错误和异常。这些指标将实时反映在仪表板中。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--67Y-wJJG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https:// dev-to-uploads.s3.amazonaws.com/uploads/articles/jmfijvtclo31mnz60vf9.png)[](https://res.cloudinary.com/practicaldev/image/fetch/s-- 7PMLmUn_--/ c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ncrdatp4kmtpelrd7zty.png)

您可以从您的帐户在https://nextapm.dev中创建类似的监视器。监视器可以在一分钟内完成配置。

目前正在努力包含更多功能,如警报、报告等。请尝试提供您的反馈。