LoginSignup
6
2

More than 3 years have passed since last update.

素のJavaScript用AWS SDKを使ってみる

Last updated at Posted at 2020-06-17

紹介する内容

  • Node.jsではないJavaScript用AWS SDKをブラウザ上で動かします
    • 本当に動くか気になりました

結論

  • JavaScript用AWS SDKはブラウザ上で動きました
  • accessKeyIdやsecretAccessKeyは漏れないように注意お願いします。デベロッパーコンソールで値を簡単に確認できます
  • どこで応用できるか考える必要があると思います

紹介始めます

AWS SDK for JavaScript公式ドキュメント

公式ドキュメントです。

https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/index.html

コード

  • accessKeyIdやsecretAccessKeyは漏れないように注意お願いします。デベロッパーコンソールで値が見れます。
  • <script src="https://sdk.amazonaws.com/js/aws-sdk-2.410.0.min.js"></script> この一行で使用可能です。
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>AWS SDK for JavaScript</title>
</head>

<body>
  <script src="https://sdk.amazonaws.com/js/aws-sdk-2.410.0.min.js"></script>

  <script type="text/javascript">
    AWS.config = new AWS.Config({
      accessKeyId: 'AKIAIOSFODNN7EXAMPLE',
      secretAccessKey: 'wJalrXUtnFEMI/K7MDENG/bPxRfiCYEXAMPLEKEY',
      region: 'us-east-1',
      endpoint: 'http://192.168.33.14:4566'
    });

    var cloudwatchlogs = new AWS.CloudWatchLogs({ apiVersion: '2014-03-28' });

    cloudwatchlogs.describeLogGroups(function (err, data) {
      if (err) {
        console.log(err, err.stack);
      } else {
        console.log(data.logGroups);
      }
    });
  </script>
</body>
</html>

試し順番です

  1. ローカルでAWSをいろいろ試せるlocalstackでLambdaを起動しておきます(本物のAWSを使ってもいいです)

  2. localstackにcloudwatch logsのgroupが作れるようにLambdaを一回実行します

  3. aws cliでcloudwatch logsのgroupが作られたか確認します

  4. ブラウザ上のAWS SDK for JavaScriptでも同じcloudwatch logsのgroupが取得できるか確認します

試しを見せます

cloudwatchlogs.gif

6
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
2