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
   

   View Slide

2. Sudahkah Anda tahu
   Firebase?
   

   View Slide

3. Apa itu Firebase?
   

   View Slide

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.
   

   View Slide

5. Firebase Features
   

   View Slide

6. Contoh Pengembangan Aplikasi
   Web + Firebase
   

   View Slide

7. Bayangkan Sedang Membuat Aplikasi Web
   

   View Slide

8. Bayangkan Sedang Membuat Aplikasi Web
   

   View Slide

9. Ingin memiliki layanan Back-End
   sendiri bagi Aplikasi Web
   

   View Slide

10. Bayangkan Sedang Membuat Aplikasi Web + Firebase
    +
    

    View Slide

11. Firebase Console
    

    View Slide

12. Project Development Environment
    Production
    

    View Slide

13. Bukan Best Practice!
    

    View Slide

14. Pre-production Production
    Project Development Environment
    

    View Slide

15. Staging
    Testing
    Development Production
    Project Development Environment
    

    View Slide

16. Pre-production Production
    Production
    Staging
    Testing
    Development
    Project Development Environment
    

    View Slide

17. Development Testing Staging Production
    Project Development Environment
    

    View Slide

18. Project Development Environment
    

    View Slide

19. Project Development Environment
    

    View Slide

20. Project Development Environment
    

    View Slide

21. Project Development Environment
    

    View Slide

22. Ada batasan tentang jumlah Firebase
    project yang dapat dibuat
    Only Free
    Account!
    

    View Slide

23. Read “How many projects can I have per account?” at Firebase FAQ
    

    View Slide

24. Apakah kita tetap membuat empat buah Firebase project untuk
    memisahkan setiap development environment-nya?
    

    View Slide

25. View Slide

26. Firebase Emulator Suite
    

    View Slide

27. Apa itu Firebase
    Emulator Suite?
    

    View Slide

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.
    

    View Slide

29. View Slide

30. View Slide

31. Use Cases
    Prototyping Unit Testing
    Local
    Development
    Continuous
    Integration
    

    View Slide

32. Which Firebase features & platform are
    supported
    

    View Slide

33. Firebase Emulator Suite UI
    

    View Slide

34. Firebase Emulator Suite UI
    

    View Slide

35. Install Emulator Suite
    

    View Slide

36. Prerequisite tools
    

    View Slide

37. Requirement tool:
    Firebase CLI
    

    View Slide

38. Demo!
    Food Court App
    

    View Slide

39. GitHub Repository: github.com/nurrizkiadip/food-court-app
    

    View Slide

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
    

    View Slide

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
    

    View Slide

42. medium.com/firebase-indonesia
    

    View Slide

43. Belajar Tools Front-End Web Intermediate
    dicoding.com/academies/565
    

    View Slide

44. Thank You!
    

    View Slide

45. Contact:
    nrizki@dicoding.com
    @nurrizkiadip
    

    View Slide