LAPORAN

PRAKTIKUM PEMROGRAMAN MOBILE LANJUT

SEMESTER GENAP 2022/2023

MODUL 08
Firebase

NAMA : Muhammad Rizki Mashuda

NIM : 2157201002244

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS ILMU KOMPUTER
UNIVERSITAS DARWAN ALI
2023
Konfigurasi Firebase

Langkah yang harus dilakukan adalah menginstalisasi node.js. Kemudian membuat project
baru pada Firebase Console. Pada terminal visual studio, install firebase dengan kode
berikut :

1. npm install -g firebase-tools

2. firebase login
3. dart pub global activate flutterfire_cli
4. flutterfire configure

Jika berhasil, terminal akan menampilkan keterangan berikut :

1. i Firebase android app com.example.chatting_xxxx registered.

2. i Firebase ios app com.example.chattingXXXX registered.
3. i Firebase web app chatting_xxxx (web) registered.

Integrasi Proyek

Pada dependencies akan ditambahkan beberapa package:

dependencies:
  flutter:
    sdk: flutter
  firebase_core : ^2.14.0
  firebase_auth : ^ 4.6.3
  cloud_firestore : ^ 4.8.1

Firebase Authentication

Kita membutuhkan beberapa file seperti main.dart, register_page.dart, login_page.dart,

chat_page.dart, dan message_bubble.dart. Pada konsol firebase, kita akan membuat
Authentication dan Cloud firestore. Setelah itu jalankan aplikasi dan akan muncul tampilan
berikut :
Dapat terlihat ada menu untuk login dan register akun. Pada kali ini kita akan
membuat akun baru.

Akun yang kita daftarkan akan muncul pada Authentication. Setelah itu kita
akan melakukan login.

Kita dapat mengirim pesan pada chat room. Pesan tersebut akan tersimpan di
firestore database
Setelah semua selesai kita dapat logout pada bagian atas pojok kanan halaman.