Web Servers, Data Stores FireBase Chat

1. Web Servers, Data StoresFireBase Chat https://youtu.be/pXFMQAl6XBM

2. AWS-On-Ramp MIT Prof John R Williams

3. Complexity of Modern Systems How can we deploy at scale

4. Dealing with Complexity Modules/Components Abstraction

6. Design and Complexity

7. Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it.Brian Kernighan and P.J. Plauger, The Elements of Programming Style

15. Architecture Capabilities • Loosely coupled architectures • Empowered teams

16. Steve Jobs on Complexity<->Simplicity: http://design.activeside.net/why-designers-should-seek-complexity http://design.activeside.net/cyclic-and-linear-thinking

17. In Class Exercises Web Server Browser • Express Web Server • Chat App • Quote App FireBaseDataStore Web Server Browser FireBaseDataStore

18. Download files to your working directory from https://github.com/johntango/demoexpress

19. NPM Node Package Manager • Allows you to manage thousands of libraries efficiently • 9 billion downloads last week !!! • Learn fast from the best

20. package.json • npm init - creates file package.json • package.json – specifies how to build your app

21. npm init - creates file package.json select defaults Except Author License

22. Package.json

23. npm install express This installs the “express” web server library and modifies package.json to include this step.

24. Express installed

25. Now write the app - server.js

26. Now run in the command window >node server.js

27. Now we are going to add ”routes” to our web serverhttp://localhost:3000/lucky ≈

28. For debugging its sometimes useful to use curl to hit a Web Server eg from terminal we can typecurl http://localhost:3000/input/hello/methis will create parameters

29. send and catch parameters Test using CURL

30. Using curl to POST data curl -d '{"quote":”hello-earthline", "author":”john"}' -H "Content-Type: application/json" -X POST http://localhost:3000/input In App add the following “route” app.post('/input', function(req,res){ console.log(JSON.stringify(req.body)); res.send ({ quote : req.body.quote, author : req.body.author }); });

31. FireBase Data Storehttps://youtu.be/pXFMQAl6XBM

32. Chat Application FireBaseDataStore

33. You are going to use my FireBase Data Store so copy the code opposite <script> // Initialize Firebase var config = { apiKey: "AIzaSyAVQLaGLhKu3DNssy3g7IuihPKQkuwASxY", authDomain: "chatapp-c509e.firebaseapp.com", databaseURL: "https://chatapp-c509e.firebaseio.com", projectId: "chatapp-c509e", storageBucket: "", messagingSenderId: "363342895005" }; firebase.initializeApp(config); </script>

34. Exercise in class - Chat App - clone from https://github.com/johntango/chatFirebase

35. AWS Cloud GitHub EC2 Server SSH into EC2

36. AWS Cloud Virtual Private Network Docker image jrwtango/expresscolor Load Balancer ECS Elastic Cloud HTTP request

37. Bad Bank on AWS

40. AWS Cloud Virtual Private Network Docker image jrwtango/expresscolor Load Balancer ECS Elastic Cloud HTTP request

41. AWS Cloud Virtual Private Network SQS AWS Lambda AWS Logging

42. AWS Cloud Virtual Private Network Docker image jrwtango/expresscolor Load Balancer ECS Elastic Cloud HTTP request

43. AWS Cloud Virtual Private Network Docker image jrwtango/dynamo5 API Gateway Load Balancer ECS Elastic Cloud HTTP request