TKK_E32231105/FIREBASE_SETUP.md

Setup Firebase untuk TelurKu

Langkah-langkah Setup Firebase

1. Buat Proyek Firebase

1. Buka Firebase Console
2. Klik "Create Project"
3. Masukkan nama proyek: TelurKu
4. Pilih lokasi yang sesuai
5. Tunggu proyek selesai dibuat

2. Setup Firebase untuk Android

1. Di Firebase Console, klik "Add App" → Android
2. Masukkan Package Name: com.example.telurku
3. Ikuti petunjuk untuk download google-services.json
4. Letakkan file di: android/app/
5. Firebase secara otomatis akan menambahkan config ke build.gradle

3. Setup Firebase untuk iOS

1. Di Firebase Console, klik "Add App" → iOS
2. Masukkan Bundle ID: com.example.telurku
3. Download GoogleService-Info.plist
4. Buka proyek Xcode: ios/Runner.xcworkspace
5. Drag & drop file GoogleService-Info.plist ke bagian "Runner" di Xcode
6. Pastikan "Copy items if needed" tercentang

4. Setup Firebase untuk Web

1. Di Firebase Console, klik "Add App" → Web
2. Salin konfigurasi Firebase yang diberikan

5. Update firebase_options.dart

1. Buka Firebase Console
2. Buka Project Settings
3. Scroll ke bawah untuk melihat konfigurasi setiap platform
4. Update nilai-nilai di file lib/firebase_options.dart dengan data dari Firebase Console

Contoh isi firebase_options.dart:

static const FirebaseOptions web = FirebaseOptions(
  apiKey: 'YOUR_WEB_API_KEY',
  appId: '1:YOUR_PROJECT_ID:web:YOUR_APP_ID',
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
  projectId: 'telurku',
  authDomain: 'telurku.firebaseapp.com',
  storageBucket: 'telurku.appspot.com',
  measurementId: 'YOUR_MEASUREMENT_ID',
);

6. Enable Authentication Methods

1. Di Firebase Console, buka "Authentication"
2. Klik tab "Sign-in method"
3. Enable "Email/Password"
4. Save

7. Setup Firestore Database (Optional)

1. Di Firebase Console, buka "Firestore Database"
2. Klik "Create database"
3. Pilih "Start in test mode" (untuk development)
4. Pilih lokasi yang sesuai

8. Jalankan Proyek

flutter pub get
flutter run

Struktur Folder Assets

Buat folder berikut di root proyek:

assets/
├── images/
│   ├── logo.png (logo TelurKu Anda)
│   └── background.png (opsional)
└── icons/
    └── (icon-icon lainnya)

Testing

1. Test Landing Page: Buka aplikasi, seharusnya tampil landing page dengan tombol "Masuk" dan "Daftar"
2. Test Sign Up: Klik "Daftar Akun Baru", isi form, klik "Daftar"
3. Test Login: Klik "Masuk", isi email dan password yang sudah terdaftar, klik "Masuk"
4. Periksa Firebase Console → Authentication untuk melihat user yang terdaftar

Troubleshooting

Error: "Platform exception"

• Pastikan Firebase sudah terkoneksi dengan benar
• Update google-services.json (Android) atau GoogleService-Info.plist (iOS)

Error: "Invalid API key"

• Pastikan nilai di firebase_options.dart sudah benar sesuai Firebase Console

Error: "Assets not found"

• Pastikan folder assets sudah dibuat
• Pastikan pubspec.yaml sudah dikonfigurasi untuk assets