Recommended
More Related Content
Similar to Build Nodejs APIs using Serverless
Similar to Build Nodejs APIs using Serverless (20)
More from Microsoft Tech Community
More from Microsoft Tech Community (20)
Recently uploaded
Recently uploaded (20)
Build Nodejs APIs using Serverless
- 1. May 7–9, 2018 // Seattle, WA
- 2. Build Nodejs APIs using Serverless Simona Cotin BRK3703
- 4. 330m users 6k tweets/s 350k tweets/minute 200b tweets/year
- 7. Serverless
- 8. Serverless 💡 Reacts to events 💯Autoscales 💰Pay as you go
- 10. Simona Cotin Cloud Dev Advocate @ Microsoft @simona_cotin
- 12. @simona_cotin ✓How do I create a project? ✓How do I debug and run locally? ✓ How do I install npm packages? ✓ How do I connect to a mongodb instance? ✓ Where do I save my env variables? ✓ How do I read data from CosmosDB? ✓ How to configure REST like URLs? ✓ How do I deploy to the cloud?
- 14. @simona_cotin
- 15. @simona_cotin How do I Create a Project?
- 16. @simona_cotin
- 17. @simona_cotin
- 18. @simona_cotin
- 19. @simona_cotin
- 20. @simona_cotin
- 21. @simona_cotin
- 22. @simona_cotin
- 23. @simona_cotin
- 24. @simona_cotin
- 25. @simona_cotin
- 26. @simona_cotin How do I Run & Debug Locally
- 27. @simona_cotin
- 29. @simona_cotin
- 30. @simona_cotin How do I Connect to MongoDB?
- 32. @simona_cotin
- 33. @simona_cotin
- 34. @simona_cotin
- 35. @simona_cotin How do I Pass Data Into a Function?
- 39. @simona_cotin
- 40. @simona_cotin
- 41. @simona_cotin
- 42. @simona_cotin 🏼
- 44. @simona_cotin GET /puppy/{id} POST /puppy DELETE /puppy/{id} PUT /puppy/{id}
- 45. @simona_cotin
- 48. @simona_cotin
- 49. How do I Deploy?
- 50. @simona_cotin
- 51. IT’S DEMO TIME!
- 52. @simona_cotin How do I create a project? How do I debug and run locally? How do I install npm packages? How do I connect to mongodb? Where do I save my env variables? How do I read data from CosmosDB? How to configure REST like URLs? How do I deploy to the cloud? VS Code & Azure Functions Extension VS Code & Azure Functions Extension You know this already :) You know this already :) local.settings.json Bindings & Azure Functions Extensions proxy.json VS Code & Azure Functions Extension
- 53. @simona_cotin Sessions BRK2137 BRK3710 BRK2136 BRK3707 BRK2132 THR3505 WRK2203 WRK2211 WRK2214 What's new for Serverless Computing in Azure Serverless, SPAs, and Scalability Visual Studio Code Can Do That: Tips & Tricks Live and (Machine) Learn: Cognitive Services and Vue.js Serverless in Action Node.js with CI on Azure Building a serverless intelligent license plate recognition system Build a serverless web app on Azure and forget about managing servers Deploying Azure Functions with Visual Studio Team Services
- 54. @simona_cotin Azure Functions VS Code extension Azure CosmosDB Functions Triggers Artwork Pluralsight course https://aka.ms/functions https://aka.ms/functions-code https://aka.ms/azure-cosmosdb https://aka.ms/triggers https://aka.ms/cda-bit https://aka.ms/pbp Resources
- 57. © Copyright Microsoft Corporation. All rights reserved.
Editor's Notes
- Change font
- I want you to think about twitter for a second. Think about Twitter scale.
- 330 million users in total, 6k tweets/second, 350k tweets
- Now I want you to think about what if the twitter creators would have been paralysed by how to scale that they didn’t even begin!
- That’s me on every single startup idea I’ve ever had. Which is why I love seervelress so much. Becas it handles th eissues of scaling leading me to building the next twitter! I knew how to make an api with express but I didn’t know how to build an api with servers and that’s what we’re going to talk about today. And that’s the topic of today’s talk? https://www.istockphoto.com/photo/three-young-nerds-with-thinking-caps-gm678860582-125092811
- Serverless computing is the abstraction of servers, infrastructure, and operating systems. When you build serverless apps you don’t need to provision and manage any servers, so you can take your mind off infrastructure concerns. Serverless computing is driven by the reaction to events and triggers happening in near-real-time—in the cloud. As a fully managed service, server management and capacity planning are invisible to the developer and billing is based just on resources consumed or the actual time your code is running.
- Serverless computing is the abstraction of servers, infrastructure, and operating systems. When you build serverless apps you don’t need to provision and manage any servers, so you can take your mind off infrastructure concerns. Serverless computing is driven by the reaction to events and triggers happening in near-real-time—in the cloud. As a fully managed service, server management and capacity planning are invisible to the developer and billing is based just on resources consumed or the actual time your code is running.
- Serverless computing is the abstraction of servers, infrastructure, and operating systems. When you build serverless apps you don’t need to provision and manage any servers, so you can take your mind off infrastructure concerns. Serverless computing is driven by the reaction to events and triggers happening in near-real-time—in the cloud. As a fully managed service, server management and capacity planning are invisible to the developer and billing is based just on resources consumed or the actual time your code is running.
- Spend a moment to explain the bit ; a racoon gets into everything just like a CDA - that what I am balbla
- And the way this talk is structured is a series of I don’t knows, things that I know how to do when using express but had to learn with serverless. And some of them might be exactly how you expected it to, but we still need to go through the effort of understanding them.
- But before we get started let’s have a look at what we’re actually building today? Pun intended What are some of the things how to do in express and I need to learn to do in serverless Bite Size - take any video in isolation and understand
- But before we get started let’s have a look at what we’re actually building today? Pun intended
- So here we have an angular app that’s connecting to an express backend. And what we can do is Create new puppies, list exsiting ones, edit puppis and delete them. So basically the typical CRUD operations. And the goal is to take this app and instead of connecting to an express back end we should insteab be able to call serverless endpoints.
- https://raw.githubusercontent.com/ashleymcnamara/Developer-Advocate-Bit/master/BABY_BIT.png Explain why , set of stories list all tasks Creating a project Add section on serverless - spend a minute or two on this; what is serverless
- https://raw.githubusercontent.com/ashleymcnamara/Developer-Advocate-Bit/master/BABY_BIT.png I want you to take a very good loooooong look at this logo. This has been one of the most controversial logos in the entire history of text editor logos. It’s also the logo of the editor that will help you the most with building servrless apps. Empty IDE IDE with the extension installed
- https://raw.githubusercontent.com/ashleymcnamara/Developer-Advocate-Bit/master/BABY_BIT.png I want you to take a very good loooooong look at this logo. This has been one of the most controversial logos in the entire history of text editor logos. It’s also the logo of the editor that will help you the most with building servrless apps. Empty IDE IDE with the extension installed
- https://raw.githubusercontent.com/ashleymcnamara/Developer-Advocate-Bit/master/BABY_BIT.png I want you to take a very good loooooong look at this logo. This has been one of the most controversial logos in the entire history of text editor logos. It’s also the logo of the editor that will help you the most with building servrless apps.
- Once we have the extension installed we can go ahead and create a new function on our computer. First thing that will be created is a function app that allows us to group together functions with similar functionality and also configure settings that will apply to all functions within the same functionapp. To create a new function app we need to Click this folder icon on our extension, choose the language that we want to use. Once that’s done a vscode folder will be generated for us which will include the debuggging cofnig for us. Another important file that’s being generated is the local.settings.json file. This is where we’ll store our secrets, our environment variables. Stop looping
- Next we can go ahead and create a new function by clicking the + button. We need to choose wherwe want to create our function, what time of function it is and give it a name.
- This will generate a few files for us so let’s see what each of them does. The function.json file defines the function bindings and other configuration settings. The runtime uses this file to determine the events to monitor and how to pass data into and return data from function execution. The index.js file is where our functions’ code lives. Sample.dat contains test data.
- All files are stored inside a folder named just like our function
- Show function URL, not only is this a folder, but once I deploy it it will be a url like this
- https://raw.githubusercontent.com/ashleymcnamara/Developer-Advocate-Bit/master/BIT_VSCODE.png
- Good! Make mouse bigger in screen flow 300% with click effect
- https://raw.githubusercontent.com/ashleymcnamara/Developer-Advocate-Bit/master/node.png
- https://github.com/ashleymcnamara/Developer-Advocate-Bit/blob/master/AZURE.png
- https://github.com/ashleymcnamara/Developer-Advocate-Bit/blob/master/AZURE.png
- https://www.istockphoto.com/photo/connection-pin-network-on-social-media-3d-rendering-communication-gm647141688-117399581 Input and output bindings provide a declarative way to connect to data from within your code. Bindings are optional and a function can have multiple input and output bindings.
- Azure functions has support for many types of bindings like
- How do I pass data into a function? How do I trigger a function? Mongodb package Connection string in local settings; not checked in; only used in your local, push them to the cloud There’s this really amazing feature in serverless And then if you wanted to pass into your function the data already, we could use a input binding;
- Mention what this example is doing
- Cross-origin resource sharing (CORS) is a mechanism that allows restricted resources (e.g. fonts) on a web page to be requested from another domain outside the domain from which the first resource was served.
- In your local.settings.json What is cors
- https://github.com/ashleymcnamara/Developer-Advocate-Bit/blob/master/bit_octocat.png There’s actually more than one option here. The first and the easiest is deploying using the same azure functions extension. This will zip up your code and you node modules and push them to the cloud. Pretty straighforward. And easy to use.
- There’s actually more than one option here. The first and the easiest is deploying using the same azure functions extension. This will zip up your code and you node modules and push them to the cloud. Pretty straighforward. And easy to use.
- Simulate scaling - use UI His is why we went through the effort of replacing the backend FIND UI that is showing performance App service vs functions
- But this is just the begining, With this example we have barely scratched the surface, serverless with Azure Functions is so much more powerful. We can process millions of hot events and then store them in a database, send thousands of emails or scan twitter for hashtags and analyse sentiment on that. I think that with serverles, our imagination is the limit! Bite Size - take any video in isolation and understand