Amazon DynamoDB和AngularJS

Question

所以,我创建了一个AWS dynamoDB表(数据库),我准备用AngularJS获取该数据.我如何使用AngularJS执行此操作？我是否需要在亚马逊上设置其他服务？或者我可以直接访问我的数据库吗？

我无法直接找到与DynamoDB和AngularJS相关的任何内容.任何帮助将不胜感激!

Answer 1

虽然Mars JSON演示非常出色,但这是一个非常简单的入门示例,它使用AWS SDK for JavaScript v2.1.33.为自己切换钥匙.这只是一个演示,不要硬编码密钥,可以使用AWS Cognito代替.查看几个AWS陷阱的屏幕截图.

https://github.com/mayosmith/HelloDynamoDB

/*
-----------------------------------------------------------------
AWS configure
Note: this is a simple experiement for demonstration
purposes only. Replace the keys below with your own.
Do not include the secret key in an actual production
environment, because, then, it wont be secret anymore...
-----------------------------------------------------------------
*/
AWS.config.update({accessKeyId: 'AKIAJUPWRIYYQGDB6AFA', secretAccessKey: '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'});
// Configure the region
AWS.config.region = 'us-west-2';  //us-west-2 is Oregon
//create the ddb object
var ddb = new AWS.DynamoDB();
/*
-----------------------------------------------------------------
Update the Table
-----------------------------------------------------------------
*/
//update the table with this data
var params = {
  Key: {
    name: {S: 'John Mayo-Smith'},
    city: {S: 'New York'}
  },
  AttributeUpdates: {
    food: {
      Action: 'PUT',
      Value: {S: 'chocolate'}
    }
  },
  TableName: 'sampletable',
  ReturnValues: 'ALL_NEW'
};
//update the table
update();
/*
-----------------------------------------------------------------
Get Item from the Table
-----------------------------------------------------------------
*/
//attribute to read
var readparams = {

  Key: {
    name: {S: 'John Mayo-Smith'},
    city: {S: 'New York'}
  },
  AttributesToGet: ['food'],
  TableName: 'sampletable'
};
//get the item
read();
/*
-----------------------------------------------------------------
function update()
Description: Calls updateItem which is part of the AWS Javascript
SDK.
Returns: JSON object (the object is stringifyed so we can see 
what's going on in the javascript console)
-----------------------------------------------------------------
*/
function update(){
    ddb.updateItem(params, function(err, data) {
        if (err) { return console.log(err); }
        console.log("We updated the table with this: " + JSON.stringify(data));
    });
}
/*
-----------------------------------------------------------------
function read()
Description: Calls getItem which is part of the AWS Javascript
SDK.
Returns: JSON object (the object is stringifyed so we can see 
what's going on in the javascript console)
-----------------------------------------------------------------
*/
function read(){
    ddb.getItem(readparams, function(err, data) {
        if (err) { return console.log(err); }
        console.log(": " + data);       

    console.log("John's favorite food is: "+ JSON.stringify(data.Item.food.S)); // print the item data
});
}

Answer 2

是的,您可以使用适用于浏览器的AWS JavaScript SDK直接从AngularJS应用程序访问Amazon DynamoDB.同样的代码片段也适用于NodeJS.

需要注意的一点是,您的应用程序需要安全地向AWS进行身份验证,而无需在代码中嵌入安全凭据.如果您已创建标识池并相应地配置应用程序,则Amazon Cognito可以轻松自动处理身份验证.以下是一些可以帮助您入门的链接.我们在Amazon DynamoDB上使用AngularJS构建了一个演示应用程序.它使用Amazon Cognito进行身份验证,使用Document SDK直接在DynamoDB中存储和检索JSON对象,而无需在浏览器的客户端代码中对它们进行序列化和反序列化.

源代码:https: //github.com/awslabs/aws-dynamodb-mars-json-demo

现场演示:http: //dynamodb-msl-image-explorer.s3-website-us-east-1.amazonaws.com/

使用AWS库的示例:https: //github.com/awslabs/aws-dynamodb-mars-json-demo/blob/master/viewer/app/scripts/services/mars-photos.js

使用AWS库的服务的示例:https: //github.com/awslabs/aws-dynamodb-mars-json-demo/blob/master/viewer/app/scripts/controllers/favorites.js

https://github.com/awslabs/aws-dynamodb-mars-json-demo/blob/master/viewer/app/scripts/controllers/top-voted.js

文档SDK:https: //github.com/awslabs/dynamodb-document-js-sdk