紹介する内容
- 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>
試し順番です
-
ローカルでAWSをいろいろ試せるlocalstackでLambdaを起動しておきます(本物のAWSを使ってもいいです)
- localstackを実際用意したい方はこちらを参考お願いします。 (https://qiita.com/cheekykorkind/items/02c896465ddea5c5186f)
-
localstackにcloudwatch logsのgroupが作れるようにLambdaを一回実行します
-
aws cliでcloudwatch logsのgroupが作られたか確認します
-
ブラウザ上のAWS SDK for JavaScriptでも同じcloudwatch logsのgroupが取得できるか確認します