Run Your Firebase for Web App Locally Using Firebase Emulator Suite

Slide 1

Slide 1 text

Run Your Firebase for Web App Locally Using Firebase Emulator Suite Nur Rizki Adi Prasetyo | Curriculum Developer at Dicoding Indonesia

Slide 2

Slide 2 text

Sudahkah Anda tahu Firebase?

Slide 3

Slide 3 text

Apa itu Firebase?

Slide 4

Slide 4 text

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.

Slide 5

Slide 5 text

Firebase Features

Slide 6

Slide 6 text

Contoh Pengembangan Aplikasi Web + Firebase

Slide 7

Slide 7 text

Bayangkan Sedang Membuat Aplikasi Web

Slide 8

Slide 8 text

Bayangkan Sedang Membuat Aplikasi Web

Slide 9

Slide 9 text

Ingin memiliki layanan Back-End sendiri bagi Aplikasi Web

Slide 10

Slide 10 text

Bayangkan Sedang Membuat Aplikasi Web + Firebase +

Slide 11

Slide 11 text

Firebase Console

Slide 12

Slide 12 text

Project Development Environment Production

Slide 13

Slide 13 text

Bukan Best Practice!

Slide 14

Slide 14 text

Pre-production Production Project Development Environment

Slide 15

Slide 15 text

Staging Testing Development Production Project Development Environment

Slide 16

Slide 16 text

Pre-production Production Production Staging Testing Development Project Development Environment

Slide 17

Slide 17 text

Development Testing Staging Production Project Development Environment

Slide 18

Slide 18 text

Project Development Environment

Slide 19

Slide 19 text

Project Development Environment

Slide 20

Slide 20 text

Project Development Environment

Slide 21

Slide 21 text

Project Development Environment

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

Firebase Emulator Suite

Slide 27

Slide 27 text

Apa itu Firebase Emulator Suite?

Slide 28

Slide 28 text

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.

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

Use Cases Prototyping Unit Testing Local Development Continuous Integration

Slide 32

Slide 32 text

Which Firebase features & platform are supported

Slide 33

Slide 33 text

Firebase Emulator Suite UI

Slide 34

Slide 34 text

Firebase Emulator Suite UI

Slide 35

Slide 35 text

Install Emulator Suite

Slide 36

Slide 36 text

Prerequisite tools

Slide 37

Slide 37 text

Requirement tool: Firebase CLI

Slide 38

Slide 38 text

Demo! Food Court App

Slide 39

Slide 39 text

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

Slide 40

Slide 40 text

Referensi ● Say hello to the helpful Firebase Emulator - a local ﬁrst UI to boost your productivity by Firebase Blog ● Introduction to Firebase Local Emulator Suite by Firebase Documentation ● Install, conﬁgure 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

Slide 41

Slide 41 text

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