How to submit the simple log with AWS CloudWatch Logs from frontend?

Question 1

After about 1 hour of searching, I didn’t find anything about ‘how to submit a simple log to AWS CloudWatch Logs’ from the frontend side. Almost all examples are for Node.js, but I need to submit the errors from the frontend, not form backend. I even did not found which package which I should use for the frontend.

To save, your time, I prepared the template of solution.

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)
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

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)

}

Question 2

You can use AWS SDK for JavaScript directly from your browser. Visit https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/ for the guide.

Then you can call the putLogEvents method of AWS CloudWatchLogs API, assuming you already created log group and log stream. For guide visit https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/CloudWatchLogs.html#putLogEvents-property

How to submit the simple log with AWS CloudWatch Logs from frontend?

Question:

Answer:

Leave a Reply Cancel reply