JavaScript is the ubiquitous runtime for browser code, and the popularity of Node.js as a server-side platform continues to grow. The AWS SDKs for Node.js and JavaScript in the Browser enable you to call AWS services from either platform. In this talk, we demonstrate the portability of the SDK by building a Node.js web app and then porting the code to run as a browser extension. In the process, you'll learn about a number of the productivity features included in these SDKs.

1. November 13, 2014 Las Vegas, NV
Aditya Manohar, Amazon Web Services

2. AWS SDK for JavaScript
December
2012
AWS SDK for Node.js
Developer
Preview

3. AWS SDK for JavaScript
December
2012
AWS SDK for Node.js
Developer
Preview
October
2013
AWS SDK for JavaScript
Developer Preview

4. AWS SDK for JavaScript
December
2012
October
2013
AWS SDK for JavaScript
Developer Preview
AWS SDK for JavaScript
June
2014
AWS SDK for Node.js
Developer
Preview

5. AWS SDK for JavaScript
December
2012
October
2013
AWS SDK for JavaScript
Developer Preview
AWS SDK for JavaScript
June
2014
re:Invent2014
AWS SDK for Node.js
Developer
Preview

6. ubiquitous
•Not just browsers and Node.jsanymore
•Android and iOS(e.g., PhoneGap)
•WinRT: Windows Desktop & Windows Phone
•Embedded devices: Cylon.jsand Johnny-Five

7. Goals
Overview of application
SDK features
Multiple environments & operational differences

8. Video Transcoder

9. Upload, encode, and download videos
Amazon
S3
Amazon
Elastic
Transcoder
Upload
Download

10. Demo

11. github.com/awslabs/
aws-sdk-js-sample-video-transcoder

12. Architecture
AWS SDK for JavaScript
app.js

14. varAWS = require('aws-sdk');
// Construct a service object
vars3 = newAWS.S3();
// Making requests
s3.listObjects({Bucket: 'bucket'}, function(err,data){
if(err) console.log(err);
elseconsole.log(data);
});

15. vars3 = newAWS.S3();
varreq= s3.listObjects({Bucket: 'bucket'});
// Attaching life cycle callbacks
req.on('success', function(response){
console.log(response.data);
});
req.send();

16. httpUploadProgress &httpDownloadProgress
req.on('httpUploadProgress', function(progress) {
console.log(progress.loaded+ ' of '+ progress.total);
});

17. varparams= {id: 'jobId'};
transcoder.waitFor('jobComplete', params, function(err, data) {
if(err) console.log(err);
elseconsole.log(data);
});

18. Video Transcoder (contd.)

19. Application workflow
Start
Create
Pipeline
1
Upload
Files
2
Create
Job
3
Attach
Waiter
4
5
Poll
Job
6
Download
Files

20. Node.js
console.js
github.com/awslabs/
aws-sdk-js-sample-video-
transcoder
AWS SDK for JavaScript
app.js

21. $> npminstall aws-sdk

22. credentials
#Shared credentials file
# ~/.aws/credentials
[default]
aws_access_key_id= foo
aws_secret_access_key= bar
[development]
aws_access_key_id= baz
aws_secret_access_key= quux

23. app.js
App.prototype.jobCreated= function(response) {
self.publish('app:request-success', data, message);
self.publish('app:job-complete', data);
};

24. console.js
Application.subscribe('app:request-success', printNotification);
Application.subscribe('app:job-complete', downloadObject);

25. console.js
varprintNotification= function(response, message) {
process.stdout.write(message.text+ 'n');
};

26. console.js
vardownloadObject= function(responseData){
// . . .
varreq= s3.getObject({Bucket: Application.contentBucket, Key:key});
varstream = req.createReadStream();
// . . .
stream.on('data', function(data){
progress.loaded+= data.length;
}).pipe(writeStream);
// . . .
};

27. Why?

28. Single

29. Reducedmaintenance cost

30. Easy

31. Easy

32. Any application that canbe written in JavaScript will eventuallybe written in JavaScript
-Jeff Atwood, 2007

34. Web Application
view.js
github.com/awslabs/
aws-sdk-js-sample-
video-transcoder
AWS SDK for JavaScript
app.js

35. $> bower install aws-sdk

36. Use Amazon Cognito
NolocalStorage

37. Configure CORS on Amazon S3

38. Application.subscribe('app:request-progress', showProgress);
<progress max="100"data-message-id></progress> jQueryUI

39. Application.subscribe('app:request-success', notify);
Application.subscribe('app:request-failure', notify);
(noty, Notify.js, MiniJS, etc.)

40. AWS SDK for JavaScript
app.js
Google Chrome Extension
ui.js
options.js
github.com/awslabs/
aws-sdk-js-sample-
video-transcoder

41. No CORS Configuration: manifest.json
{
"manifest_version": 2,
"name": "Transcoder",
"permissions": [
"notifications",
"https://*.amazonaws.com/"
]
}

42. options.js
varsaveConfiguration= function(evt) {
localStorage.config= JSON.stringify(config);
}

43. ui.js: N
varnotify = function(response, message) {
varoptions = {
type: 'basic',
iconUrl: assetUrls[message.sender],
title: 'Status',
message: message.text
};
chrome.notifications.create('', options, noop);
};

44. AWS SDK for JavaScript
Apps for
Windows RT
github.com/awslabs/
aws-sdk-js-sample-
video-transcoder
home.js
progress.js
transcoder.js
app.js

45. But first…

46. Windows RuntimeWindows API surface
-msdn.microsoft.com

47. transcoder.js
setCredentials: function(resource, username, password) {
varvault = new Windows.Security.Credentials.PasswordVault();
varcredential = new Windows.Security.Credentials
.PasswordCredential(resource, username, password);
vault.add(credential);
}

48. transcoder.js
saveConfiguration: function(config) {
localSettings.values.config= composite;
}

49. progress.js
<progress max="100"data-message-id></progress>
(+custom progress manager code)

50. home.js
notify: function(response, message) {
toast = newnotifications.ToastNotification(toastXml);
toastNotifier= notifications.ToastNotificationManager
.createToastNotifier();
toastNotifier.show(toast);
}

51. Summary

52. http://bit.ly/awsevals
@awsforjs
github.com/
aws/aws-sdk-js
blogs.aws.amazon.com/
javascript/