Run Your Firebase for Web App Locally Using Firebase Emulator Suite

Transcript

1. Run Your Firebase for Web App Locally Using Firebase Emulator Suite Nur Rizki Adi Prasetyo | Curriculum Developer at Dicoding Indonesia
2. Sudahkah Anda tahu Firebase?
3. Apa itu Firebase?
4. Firebase • Platform pengembangan aplikasi yang dapat membantu developer untuk membangun aplikasi front-end (web, mobile, game, dsb.) sehingga pengembangan aplikasi lebih mudah tanpa perlu mengelola server. • Platform ini dikembangkan oleh Google.
5. Firebase Features
6. Contoh Pengembangan Aplikasi Web + Firebase
7. Bayangkan Sedang Membuat Aplikasi Web
8. Bayangkan Sedang Membuat Aplikasi Web
9. Ingin memiliki layanan Back-End sendiri bagi Aplikasi Web
10. Bayangkan Sedang Membuat Aplikasi Web + Firebase +
11. Firebase Console
12. Project Development Environment Production
13. Bukan Best Practice!
14. Pre-production Production Project Development Environment
15. Staging Testing Development Production Project Development Environment
16. Pre-production Production Production Staging Testing Development Project Development Environment
17. Development Testing Staging Production Project Development Environment
18. Project Development Environment
19. Project Development Environment
20. Project Development Environment
21. Project Development Environment
22. Ada batasan tentang jumlah Firebase project yang dapat dibuat Only Free Account!
23. Read “How many projects can I have per account?” at Firebase FAQ
24. Apakah kita tetap membuat empat buah Firebase project untuk memisahkan setiap development environment-nya?
26. Firebase Emulator Suite
27. Apa itu Firebase Emulator Suite?
28. Firebase Emulator Suite • Sekumpulan alat kompleks bagi developer yang ingin membangun dan menguji aplikasi secara lokal dengan memanfaatkan berbagai layanan di Firebase. • Selain itu, ia juga menyediakan interface yang dapat memudahkan menjalankan dan membangun aplikasi dengan cepat.
31. Use Cases Prototyping Unit Testing Local Development Continuous Integration
32. Which Firebase features & platform are supported
33. Firebase Emulator Suite UI
34. Firebase Emulator Suite UI
35. Install Emulator Suite
36. Prerequisite tools
37. Requirement tool: Firebase CLI
38. Demo! Food Court App
39. GitHub Repository: github.com/nurrizkiadip/food-court-app
40. Referensi • Say hello to the helpful Firebase Emulator - a local first UI to boost your productivity by Firebase Blog • Introduction to Firebase Local Emulator Suite by Firebase Documentation • Install, configure and integrate Local Emulator Suite by Firebase Documentation • Local Development with the Firebase Emulator Suite Codelab by Firebase Codelab • Environments and emulators by Firebase Youtube • Your quickstart to the Firebase Emulator Suite by Firebase Youtube • The Local Firebase Emulator UI in 15 minutes by Firebase Youtube
41. What’s Next • Firebase Emulators Training Playlist “Develop locally with Firebase” by Firebase • Another tools untuk membangun dan menguji aplikasi ◦ Cloud Functions testing tools ◦ Security Rules testing tools • Integrate with CI system by Firebase Documentation
42. medium.com/firebase-indonesia
43. Belajar Tools Front-End Web Intermediate dicoding.com/academies/565
44. Thank You!
45. Contact: nrizki@dicoding.com @nurrizkiadip