Build Your Cool REST API using Node.js

Node.js Introduction, Asynchronous Programming, Basic HTTP Concept, Basic MariaDB Integration, and REST API Concept

Transcript

1. Build Your Cool REST API using Node.js Harits Fahreza Christyonotoputra
2. Call me Reza. @haritsfahreza
3. Today? Introduction Sync vs Async Modules HTTP Library
4. Next Week? Express.js REST API Database Overview Database Integration Authentication
5. Final Week? Final Project Finishing Demo Day
6. Let’s Start!
7. • Cross-platform Javascript runtime environment • First authored by Ryan Dahl, first release in May 27, 2009 (almost 10 years) • Event-driven architecture capable of asynchronous I/O • Official Website https://nodejs.org • Open Source (MIT License) and Totally Free!
8. What tools that we need? https://nodejs.org/en/download https://code.visualstudio.com/download https://www.getpostman.com/downloads
9. console.log(‘Hello DILo’)
10. Spot The Difference!
11. function callback(err, data) {}
13. Modules
15. The Most Popular HTTP Status Codes Others? https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
16. GET http://dilo.id/jakarta-pusat?member=Reza HTTP Method HTTP Protocol Host / Domain Path Query Parameters
17. POST http://dilo.id/jakarta/member Headers Content-Type: application/form Body name=Reza&address=Malang&email=harits@fahreza.id
18. HTTP Client
19. HTTP Server
20. That’s it for today! Recap?
22. The question is ... • Build HTTP Server to Upload and Show Image ◦ POST /images ◦ GET /images/{image-name} • Arguments : [1] : HTTP Port [2] : Our local directory to keep the images • Clue : ◦ `npm install formidable` ◦ `Content-Type: application/x-www-form-urlencoded`
23. Hello Again! Review?
24. Today? Express.js NPM Overview MySQL REST API Authentication
25. What database that we need? https://mariadb.org/download/ If you already used XAMPP / LAMPP
26. Once upon a time... in HTTP Server
27. npm install express
28. But wait, what is NPM? • Node.js Package Manager • Official Website https://www.npmjs.com/ • Find or Publish your cool packages in here!
29. Express.js made my day!
31. Short Quiz! Explain ‘Database’ to your 5 years old nephew.
32. npm install mysql
33. Just like piece of cake!
34. Now, let’s get some REST
35. REpresentational State Transfer (REST) Roy Fielding (2000)
36. The Guiding Principle • Client-Server • Stateless • Cacheable • Uniform Interface • Layered System • Code on Demand
37. The key is in the Resources
38. Secure our REST API using Authentication
39. But, How? • Simple authentication • Play with Authorization header • Maintain the key on your database
41. The question is ... • Build REST API to manage your daily activity ◦ POST /activities ◦ GET /activities/{date} ◦ GET /activities (group by date) ◦ PUT /activities/:id (Update daily activity) ◦ DELETE /activities/:id • Must use Express.js and database integration • Arguments : [1] : HTTP Port
42. Done! It’s your time to show off! Recap?
43. Ready for your final project?
44. What you are going to build? • Maximum 3 team members • Build anything that you want, your hobbies, office works, the next unicorn idea (?) • Show us what you got! (but still using Node.js, Express.js and MySQL) • Prepare your presentation and demo for 10 minutes and 5 minutes QnA • Make sure all of your code running well • Please put your source code in GitHub account