前端 SPA 应用程序的日志记录和监控

Question

React SPA 是否有任何日志记录和监控最佳实践？（图书馆、福利等）我做 FE 已经有 7 年了，但遗憾的是，我对此没有太多经验。

我的经验是，前端应用程序上发生的事件非常明显，并且很容易在浏览器上跟踪。因此，实现日志记录或监控并不像在后端那么有用。

Answer 1

我认为利用一些外部库将是你最好的选择。

首先，实现错误边界来捕获和处理 React 应用程序中的所有错误将是最干净的解决方案。边界捕获此类错误后，根据您的需要，您可以以某种方式处理每种类型的错误。

您可以使用许多外部日志记录服务来存储和管理选定的错误：

• Sentry - 这是我的默认选择
• 日志火箭
• 防滚架

仅举几例。