AWS Javascript SDK (browser)
Macrometa GDN can be used as the data store for apps written for AWS DynamoDB. Switch to using GDN by just changing the connection URL
, accessKey
and secretKey
. You can continue using aws dynamodb sdk and cli you are familiar with.
Macrometa GDN provides aws dynamo db global tables as the default
option.
This enables you to deliver low-latency data access to your users no matter where they are located. GDN performs all of the necessary tasks to create identical tables in all the regions around the globe and propagate ongoing data changes to all of them.
Similarly GDN provides better data consistency guarantees i.e., strong consistency
within a region and strong eventual consistency
across regions utilizing CRDTs and partially ordered logs.
In this tutorial, you use the AWS SDK for JavaScript to write simple applications to perform the following Amazon DynamoDB operations:
- Create a table named Movies and load sample data in JSON format.
- Perform create, read, update, and delete operations on the table.
- Run simple queries.
Prerequistes
Create an API Key
- Login to your tenant account on https://play.paas.macrometa.io
- Create an API key via REST API. Make a copy of the key.
tipFollowing api key is created under `demo@macrometa.io/_system` on https://play.paas.macrometa.io with `rw` permissions.
```bash
demo.demok1.1a1aad0f4b000ca4d2d3bdb505298cbb9467b65526b0f79364e61e5f00000000
```Set up the AWS SDK for JavaScript. To do this, add or modify the following script tag to your HTML pages:
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
You can find more details here - https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/
Create Global Table
Macrometa GDN provides aws dynamo db global tables as the default
option. In this step, you create a table named Movies
. The primary key for the table is composed of the following attributes:
year
– The partition key. The AttributeType isN
for number.title
– The sort key. The AttributeType isS
for string.
Create following file - MoviesCreateTable.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var dynamodb = new AWS.DynamoDB();
function createMovies() {
var params = {
TableName : "Movies",
KeySchema: [
{ AttributeName: "year", KeyType: "HASH"},
{ AttributeName: "title", KeyType: "RANGE" }
],
AttributeDefinitions: [
{ AttributeName: "year", AttributeType: "N" },
{ AttributeName: "title", AttributeType: "S" }
],
ProvisionedThroughput: {
ReadCapacityUnits: 5,
WriteCapacityUnits: 5
}
};
dynamodb.createTable(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "Unable to create table: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "Created table: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="createTableButton" type="button" value="Create Table" onclick="createMovies();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400 + "px" , height:800 + "px" }}></textarea>
</body>
</html>
- You set the endpoint to indicate that you are connecting to macrometa gdn.
- For
accessKeyId
andsecretKey
, you can specify either Macrometaapi key
orjwt token
of your account. - In the
createMovie
s function, you specify the table name, primary key attributes, and its data types. - The ProvisionedThroughput parameter is ignored.
Open the MoviesCreateTable.html
file in your browser and choose Create Table
.
Load Sample Data
This scenario uses a sample data file that contains information about a few thousand movies from the Internet Movie Database (IMDb). The movie data is in JSON format, as shown in the following example. For each movie, there is a year, a title, and a JSON map named info.
[
{
"year" : ... ,
"title" : ... ,
"info" : { ... }
},
{
"year" : ...,
"title" : ...,
"info" : { ... }
},
...
]
In the JSON data, note the following:
- The year and title are used as the primary key attribute values for the Movies table.
- The rest of the info values are stored in a single attribute called info. This program illustrates how you can store JSON in an Amazon DynamoDB attribute.
The following is an example of movie data:
{
"year" : 2013,
"title" : "Turn It Down, Or Else!",
"info" : {
"directors" : [
"Alice Smith",
"Bob Jones"
],
"release_date" : "2013-01-18T00:00:00Z",
"rating" : 6.2,
"genres" : [
"Comedy",
"Drama"
],
"image_url" : "http://ia.media-imdb.com/images/N/O9ERWAU7FS797AJ7LU8HN09AMUP908RLlo5JF90EWR7LJKQ7@@._V1_SX400_.jpg",
"plot" : "A rock band plays their music at high volumes, annoying the neighbors.",
"rank" : 11,
"running_time_secs" : 5215,
"actors" : [
"David Matthewman",
"Ann Thomas",
"Jonathan G. Neff"
]
}
}
Download the sample data archive: moviedata.zip
Extract the data file i.e.,
moviedata.json
from the archive.Copy and paste the
moviedata.json
file into your current directory.Copy the following program and paste it into a file named
MoviesLoadData.html
to populateMovies
table.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script type="text/javascript">
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function processFile(evt) {
document.getElementById('textarea').innerHTML = "";
document.getElementById('textarea').innerHTML += "Importing movies into DynamoDB. Please wait..." + "\n";
var file = evt.target.files[0];
if (file) {
var r = new FileReader();
r.onload = function(e) {
var contents = e.target.result;
var allMovies = JSON.parse(contents);
allMovies.forEach(function (movie) {
document.getElementById('textarea').innerHTML += "Processing: " + movie.title + "\n";
var params = {
TableName: "Movies",
Item: {
"year": movie.year,
"title": movie.title,
"info": movie.info
}
};
docClient.put(params, function (err, data) {
if (err) {
document.getElementById('textarea').innerHTML += "Unable to add movie: " + count + movie.title + "\n";
document.getElementById('textarea').innerHTML += "Error JSON: " + JSON.stringify(err) + "\n";
} else {
document.getElementById('textarea').innerHTML += "PutItem succeeded: " + movie.title + "\n";
textarea.scrollTop = textarea.scrollHeight;
}
});
});
};
r.readAsText(file);
} else {
alert("Could not read movie data file");
}
}
</script>
</head>
<body>
<input type="file" id="fileinput" accept='application/json'/>
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
<script>
document.getElementById('fileinput').addEventListener('change', processFile, false);
</script>
</body>
</html>
Open the
MoviesLoadData.html
file in your browser.Choose Browse, and load the
moviedata.json
file.
Create a New Item
In this step, you add a new item to the Movies
table.
Copy the following program and paste it into a file named MoviesItemOps01.html
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function createItem() {
var params = {
TableName :"Movies",
Item:{
"year": 2015,
"title": "The Big New Movie",
"info":{
"plot": "Nothing happens at all.",
"rating": 0
}
}
};
docClient.put(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "Unable to add item: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "PutItem succeeded: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="createItem" type="button" value="Create Item" onclick="createItem();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
The primary key is required. This code adds an item that has a primary key (year, title)
and info
attributes. The info
attribute stores sample JSON that provides more information about the movie.
Open the MoviesItemOps01.html
file in your browser and choose Create Item
.
Read an Item
You can use the get
method to read the item from the Movies table. You must specify the primary key values, so you can read any item from Movies if you know its year and title.
Copy the following program and paste it into a file named MoviesItemOps02.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
AWS.config.update({
region: "us-west-2",
endpoint: 'http://localhost:8000',
// accessKeyId default can be used while using the downloadable version of DynamoDB.
// For security reasons, do not store AWS Credentials in your files. Use Amazon Cognito instead.
accessKeyId: "fakeMyKeyId",
// secretAccessKey default can be used while using the downloadable version of DynamoDB.
// For security reasons, do not store AWS Credentials in your files. Use Amazon Cognito instead.
secretAccessKey: "fakeSecretAccessKey"
});
var docClient = new AWS.DynamoDB.DocumentClient();
function readItem() {
var table = "Movies";
var year = 2015;
var title = "The Big New Movie";
var params = {
TableName: table,
Key:{
"year": year,
"title": title
}
};
docClient.get(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "Unable to read item: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "GetItem succeeded: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="readItem" type="button" value="Read Item" onclick="readItem();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
Open the MoviesItemOps02.html
file in your browser and choose Read Item
.
Update an Item
You can use the update
method to modify an item. You can update values of existing attributes, add new attributes, or remove attributes.
In this example, you perform the following updates:
- Change the value of the existing attributes (rating, plot).
- Add a new list attribute (actors) to the existing info map.
The item changes from the following:
{
year: 2015,
title: "The Big New Movie",
info: {
plot: "Nothing happens at all.",
rating: 0
}
}
to:
{
year: 2015,
title: "The Big New Movie",
info: {
plot: "Everything happens all at once.",
rating: 5.5,
actors: ["Larry", "Moe", "Curly"]
}
}
Copy the following program and paste it into a file named MoviesItemOps03.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function updateItem() {
var table = "Movies";
var year = 2015;
var title = "The Big New Movie";
var params = {
TableName:table,
Key:{
"year": year,
"title": title
},
UpdateExpression: "set info.rating = :r, info.plot=:p, info.actors=:a",
ExpressionAttributeValues:{
":r":5.5,
":p":"Everything happens all at once.",
":a":["Larry", "Moe", "Curly"]
},
ReturnValues:"ALL_NEW"
};
docClient.update(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "Unable to update item: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "UpdateItem succeeded: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="updateItem" type="button" value="Update Item" onclick="updateItem();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
- This program uses UpdateExpression to describe all updates you want to perform on the specified item.
- The ReturnValues parameter instructs Amazon DynamoDB to return all the attributes of the item, as they appear after the update operation ("ALL_NEW").
Open the MoviesItemOps03.html
file in your browser and choose Update Item
.
Increment an Atomic Counter
DynamoDB supports atomic counters, where you use the update method to increment or decrement the value of an attribute without interfering with other write requests. (All write requests are applied in the order in which they are received.)
The following program shows how to increment the rating for a movie. Each time you run it, the program increments this attribute by one.
Copy the following program and paste it into a file named MoviesItemOps04.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function increaseRating() {
var table = "Movies";
var year = 2015;
var title = "The Big New Movie";
var params = {
TableName:table,
Key:{
"year": year,
"title": title
},
UpdateExpression: "set info.rating = info.rating + :val",
ExpressionAttributeValues:{
":val":1
},
ReturnValues:"ALL_NEW"
};
docClient.update(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "Unable to update rating: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "Increase Rating succeeded: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="increaseRating" type="button" value="Increase Rating" onclick="increaseRating();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
Open the MoviesItemOps04.html
file in your browser and choose Increase Rating
.
Update an Item (Conditionally)
The following program shows how to use UpdateItem
with a condition. If the condition evaluates to true, the update succeeds; otherwise, the update is not performed.
In this case, the item is updated only if there are more than three actors in the movie.
Copy the following program and paste it into a file named MoviesItemOps05.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function conditionalUpdate() {
var table = "Movies";
var year = 2015;
var title = "The Big New Movie";
// Conditional update (will fail)
var params = {
TableName:table,
Key:{
"year": year,
"title": title
},
UpdateExpression: "remove info.actors[0]",
ConditionExpression: "size(info.actors) > :num",
ExpressionAttributeValues:{
":num":3
},
ReturnValues:"ALL_NEW"
};
docClient.update(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "The conditional update failed: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "The conditional update succeeded: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="conditionalUpdate" type="button" value="Conditional Update" onclick="conditionalUpdate();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
Open the MoviesItemOps05.html
file in your browser and choose Conditional Update
.
The program should fail with the following message:
The conditional update failed
This is because the movie has three actors in it, but the condition is checking for greater than three
actors.
Modify the program so that the ConditionExpression
looks like the following.
ConditionExpression: "size(info.actors) >= :num",
The condition is now greater than or equal to 3 instead of greater than 3.
Run the program again. The updateItem
operation should now succeed.
Delete an Item
You can use the delete
method to delete one item by specifying its primary key. You can optionally provide a ConditionExpression
to prevent the item from being deleted if the condition is not met.
In the following example, you try to delete a specific movie item if its rating is 5 or less.
Copy the following program and paste it into a file named MoviesItemOps06.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function conditionalDelete() {
var table = "Movies";
var year = 2015;
var title = "The Big New Movie";
var params = {
TableName:table,
Key:{
"year":year,
"title":title
},
ConditionExpression:"info.rating <= :val",
ExpressionAttributeValues: {
":val": 5.0
}
};
docClient.delete(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "The conditional delete failed: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "The conditional delete succeeded: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="conditionalDelete" type="button" value="Conditional Delete" onclick="conditionalDelete();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
Open the MoviesItemOps06.html
file in your browser and choose Conditional Delete
.
The program should fail with the following message:
The conditional delete failed
This is because the rating for this particular movie is greater than 5
.
Modify the program to remove the condition from params.
var params = {
TableName:table,
Key:{
"title":title,
"year":year
}
};
Run the program again. The delete succeeds because you removed the condition.
Query the Data
You can use the query method to retrieve data from a table. You must specify a partition key value; the sort key is optional.
The primary key for the Movies table is composed of the following:
- year – The partition key. The attribute type is number.
- title – The sort key. The attribute type is string.
To find all movies released during a year, you need to specify only the year. You can also provide the title to retrieve a subset of movies based on some condition (on the sort key); for example, to find movies released in 2014 that have a title starting with the letter "A".
In addition to the query
method, you can use the scan
method to retrieve all the table data.
Query - All Movies Released in a Year
The program included in this step retrieves all movies released in the year 1985.
Copy the following program and paste it into a file named MoviesQuery01.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function queryData() {
document.getElementById('textarea').innerHTML += "Querying for movies from 1985.";
var params = {
TableName : "Movies",
KeyConditionExpression: "#yr = :yyyy",
ExpressionAttributeNames:{
"#yr": "year"
},
ExpressionAttributeValues: {
":yyyy":1985
}
};
docClient.query(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML += "Unable to query. Error: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML += "Querying for movies from 1985: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="queryData" type="button" value="Query" onclick="queryData();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
ExpressionAttributeNames
provides name substitution. This is used because year is a reserved word in Amazon DynamoDB. You can't use it directly in any expression, includingKeyConditionExpression
. For this reason, you use the expression attribute name#yr
.ExpressionAttributeValues
provides value substitution. This is used because you can't use literals in any expression, includingKeyConditionExpression
. For this reason, you use the expression attribute value:yyyy
.
Open the MoviesQuery01.html
file in your browser and choose Query
.
The preceding program shows how to query a table by its primary key attributes. In DynamoDB, you can optionally create one or more secondary indexes on a table, and query those indexes in the same way that you query a table. Secondary indexes give your applications additional flexibility by allowing queries on non-key attributes.
Query - All Movies Released in a Year with Certain Titles
The program included in this step retrieves all movies released in year 1992, with title beginning with the letter "A" through the letter "L".
Copy the following program and paste it into a file named MoviesQuery02.html
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
AWS.config.update({
region: "us-west-2",
endpoint: 'http://localhost:8000',
// accessKeyId default can be used while using the downloadable version of DynamoDB.
// For security reasons, do not store AWS Credentials in your files. Use Amazon Cognito instead.
accessKeyId: "fakeMyKeyId",
// secretAccessKey default can be used while using the downloadable version of DynamoDB.
// For security reasons, do not store AWS Credentials in your files. Use Amazon Cognito instead.
secretAccessKey: "fakeSecretAccessKey"
});
var docClient = new AWS.DynamoDB.DocumentClient();
function queryData() {
document.getElementById('textarea').innerHTML += "Querying for movies from 1985.";
var params = {
TableName : "Movies",
ProjectionExpression:"#yr, title, info.genres, info.actors[0]",
KeyConditionExpression: "#yr = :yyyy and title between :letter1 and :letter2",
ExpressionAttributeNames:{
"#yr": "year"
},
ExpressionAttributeValues: {
":yyyy":1992,
":letter1": "A",
":letter2": "L"
}
};
docClient.query(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML += "Unable to query. Error: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML += "Querying for movies from 1992 - titles A-L, with genres and lead actor: " + "\n" + JSON.stringify(data, undefined, 2);
}
});
}
</script>
</head>
<body>
<input id="queryData" type="button" value="Query" onclick="queryData();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
Open the MoviesQuery02.html
file in your browser and choose Query
.
Scan Table
The scan method reads every item in the entire table, and returns all the data in the table. You can provide an optional filter_expression, so that only the items matching your criteria are returned. However, the filter is applied only after the entire table has been scanned.
The following program scans the entire Movies table, which contains approximately 5,000 items. The scan specifies the optional filter to retrieve only the movies from the 1950s (approximately 100 items), and discard all the others.
Copy the following program and paste it into a file named MoviesScan.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
const dcName = "play.paas.macrometa.io";
const host = "https://api-" + dcName;
const apiKey =
"<your-api-key>";
/*
If you have a JWT token
const JWT = "xxxxxxxxxxxxxxxxxxxxxx";
*/
const service = "dynamodb";
const region = "us-east-1";
const endpoint = host + "/_api/dynamo";
// secretAccessKey is a required parameter for aws-sdk we recommend you to pass "c8"
const secretAccessKey = "c8";
const accessKeyId = "apikey " + apiKey;
/*
If you are using JWT token use the below instead
const accessKeyId = "bearer " + JWT;
*/
AWS.config.update({
region,
endpoint,
accessKeyId,
secretAccessKey,
});
var docClient = new AWS.DynamoDB.DocumentClient();
function scanData() {
document.getElementById('textarea').innerHTML += "Scanning Movies table." + "\n";
var params = {
TableName: "Movies",
ProjectionExpression: "#yr, title, info.rating",
FilterExpression: "#yr between :start_yr and :end_yr",
ExpressionAttributeNames: {
"#yr": "year",
},
ExpressionAttributeValues: {
":start_yr": 1950,
":end_yr": 1959
}
};
docClient.scan(params, onScan);
function onScan(err, data) {
if (err) {
document.getElementById('textarea').innerHTML += "Unable to scan the table: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
// Print all the movies
document.getElementById('textarea').innerHTML += "Scan succeeded. " + "\n";
data.Items.forEach(function(movie) {
document.getElementById('textarea').innerHTML += movie.year + ": " + movie.title + " - rating: " + movie.info.rating + "\n";
});
// Continue scanning if we have more movies (per scan 1MB limitation)
document.getElementById('textarea').innerHTML += "Scanning for more..." + "\n";
params.ExclusiveStartKey = data.LastEvaluatedKey;
docClient.scan(params, onScan);
}
}
}
</script>
</head>
<body>
<input id="scanData" type="button" value="Scan" onclick="scanData();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
In the code, note the following:
ProjectionExpression
specifies the attributes you want in the scan result.FilterExpression
specifies a condition that returns only items that satisfy the condition. All other items are discarded.
Open the MoviesScan.html
file in your browser and choose Scan
.
Delete Table
To delete the Movies table, copy the following program and paste it into a file named MoviesDeleteTable.html
.
<html>
<head>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.752.0.min.js"></script>
<script>
AWS.config.update({
region: "us-west-2",
endpoint: 'http://localhost:8000',
// accessKeyId default can be used while using the downloadable version of DynamoDB.
// For security reasons, do not store AWS Credentials in your files. Use Amazon Cognito instead.
accessKeyId: "fakeMyKeyId",
// secretAccessKey default can be used while using the downloadable version of DynamoDB.
// For security reasons, do not store AWS Credentials in your files. Use Amazon Cognito instead.
secretAccessKey: "fakeSecretAccessKey"
});
var dynamodb = new AWS.DynamoDB();
function deleteMovies() {
var params = {
TableName : "Movies"
};
dynamodb.deleteTable(params, function(err, data) {
if (err) {
document.getElementById('textarea').innerHTML = "Unable to delete table: " + "\n" + JSON.stringify(err, undefined, 2);
} else {
document.getElementById('textarea').innerHTML = "Table deleted.";
}
});
}
</script>
</head>
<body>
<input id="deleteTableButton" type="button" value="Delete Table" onclick="deleteMovies();" />
<br><br>
<textarea readonly id= "textarea" style={{ width:400px; height:800px }}></textarea>
</body>
</html>
Open the MoviesDeleteTable.html
file in your browser and choose Delete Table
.