将 UI 应用程序的控制台错误记录到 AWS

Logging console error of UI application into AWS

我是vue js和前端开发的新手。如何将用户浏览器上 运行 的前端应用程序的控制台错误和 API 错误定向到云监视日志。

我知道在 Java 后端开发中,我们可以使用 log4j 将错误记录到滚动日志文件中,并将这些日志连接到 cloudwatch 日志组(这样我就可以监控 cloudwatch 日志中的任何潜在错误或警告)。我怎样才能拥有类似的功能来记录控制台和从前端 vue js 应用程序到云监视日志的 API 错误

从安全的角度来看,确实没有很好的方法来做到这一点。您基本上必须向全世界公开您的 cloudwatch 日志流。

您可以很容易地使用 winston-cloudwatch 之类的 npm 包,但是由于 frontend/vue 应用程序在用户浏览器中运行,您必须或多或少地“硬编码”您的凭据。他们将始终能够看到您发送的凭据,这使它们变得毫无意义。

话虽如此,除了向您的日志发送肮脏的消息外,确实没有任何人做任何恶意行为的风险。

如何创建一个 Lambda 端点来接收来自 vue 应用程序的日志并将它们写入云监视,这样您将能够记录更多活动,例如被单击的元素,或者每个组件在屏幕.