如何从前端提交带有AWS CloudWatch日志的简单日志？

Question

经过大约一个小时的搜索，我没有发现任何关于“如何向AWS CloudWatch日志提交一个简单的日志”的内容，来自前端。几乎所有的示例都是针对Node.js的，但是我需要提交来自前端的错误，而不是表单后端。我甚至没有找到我应该用在前台的包裹。

为了节省你的时间，我准备了解决方案的模板。

import { AWSCloudWatch } from "?????";

AWSCloudWatch.config({
  // minimal config
});

if (__IS_DEVELOPMENT_BUILDING_MODE__ || __IS_TESTING_BUILDING_MODE__) {
  console.error(errorMessage);
  return;
}

if (__IS_PRODUCTION_BUILDING_MODE__) {
  // Submit 'errorMessage' to AWS CloudWatch
  // It would be something like
  // AWSCloudWatch.submit(errorMessage)
}

Answer 1

您可以直接从浏览器中为JavaScript使用AWS。有关指南，请访问https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/。

然后，假设您已经创建了日志组和日志流，则可以调用API的putLogEvents方法。如需导游，请访问https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/CloudWatchLogs.html#putLogEvents-property

Answer 2

我们不应该将浏览器端的错误日志直接从浏览器转储到CloudWatch。这出现了一个问题，因为在AWS生态系统之外使用SDK将日志发送到CloudWatch需要API秘密密钥和秘密it，这意味着它可能暴露于可能运行MITM攻击和拦截我们的AWS凭据的坏元素中。

你将有两种选择来继续你想要做的事情，同时降低风险：

你将有两种选择来继续你想要做的事情，同时降低风险：

使用专为记录错误和调试信息而设计的客户端库(Sentry)。

您可以通过API实现日志的发送，然后API将日志转发/代理到CloudWatch。