Unduh flutter firebase starter - Unduh Kode Sumber flutter firebase starter

flutter firebase starter

Kode sumber lainnya

1.0.0

Unduh

Proyek Pangkalan Terbakar dengan Firebase

Bahasa lain: Bahasa Inggris

Keterangan

Proyek ini bertujuan untuk menjadi templat dasar atau starter untuk memulai proyek dengan flutter dan firebase dengan cepat.

Taruhan terdiri dari dua layar: login dan rumah

Layar login

Di layar ini, pengguna dapat:

Masuk Firebase dengan Email/Kata Sandi
Masuk Firebase dengan Akun Google
Daftar di Firebase dengan email/kata sandi

Layar Beranda

Layar yang kami tiba setelah diidentifikasi dan itu memungkinkan kami untuk menyelesaikan sesi.

Database

Aplikasi ini juga membuat dokumen dalam database yang disebut aktivitas di mana waktu dan ID pengguna disimpan setiap kali Anda masuk.

Tujuan

Tujuan dari proyek ini adalah untuk menunjukkan penggunaan flutter bersama dengan Firebase untuk dengan cepat membuat aplikasi dengan backend untuk mengelola pengguna dan otentikasi dan database untuk menyimpan informasi.

Instalasi Flutter

Instal Flutter pada tim pengembangan:

https://flutter.dev/docs/get-started/install/macos

Pastikan kami menginstal Android Studio dan Xcode:

Unduh xcode

Unduh Android Studio (untuk Mac)

Setelah diinstal, periksa instalasi dengan:

flutter doctor

Instalasi Proyek

git clone [email protected]:ramoncardena/flutter-firebase-starter.git flutter-firebase-starter

cd flutter-firebase-starter

flutter packages get

Konfigurasi

Definisi ID Bundel di iOS

Kami membuka proyek iOS di Xcode: ~/flutter-firebase-starter/ios

Dalam struktur proyek kami memilih root runner dan di bagian umum di bagian identitas kami mendefinisikan ID bundel ( pengidentifikasi bundel ) dan versi ( versi ).

Kemudian kami pergi ke bagian penandatanganan & kemampuan dan di bagian penandatanganan kami memilih peralatan ( tim ) yang sesuai untuk menandatangani proyek.

Definisi ID Aplikasi di Android

Mari kita pergi ke folder proyek di mana kelulusan didefinisikan untuk aplikasi di: ~/flutter-firebase-starter/android/app/build.gradle

Dan kami memodifikasi bagian DefaultConfig dengan ID Aplikasi ( ApplicationID ) dan atur versi minimum SDK ( MinsDKversion ) ke 21

 defaultConfig {
	applicationId "com.ramoncardena.firebasestarter"
	minSdkVersion 21
	targetSdkVersion 28
	versionCode flutterVersionCode.toInteger()
	versionName flutterVersionName
	testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}

Konfigurasi Firebase

Kami akan menemukan informasi terperinci dalam bahasa Inggris, dalam artikel ini.

Kami pergi ke konsol firebase.

Kami membuat proyek baru dan setelah dibuat, menambahkan dua aplikasi, satu Android dan iOS lainnya.

Aplikasi iOS

Kami membuat aplikasi iOS baru dari konsol Firebase dan mengisi data dasar.

Kemudian kami mengunduh file konfigurasi googleservice-info.plist .

PENTING: Kami membuka XCODE dan dengan tombol kanan pada folder Runner/Runner, tambahkan file konfigurasi Firebase dan ditutup Xcode.

Selain itu, untuk otentikasi dengan Google-masuk , kami harus menambahkan tombol yang sesuai ke file ios/Runner/Info.plist :

 <!-- Google Sign-in Section -->
<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLSchemes</key>
    <array>
<!-- TODO Replace this value: -->
<!-- Copied from GoogleService-Info.plist key REVERSED_CLIENT_ID -->
<string>com.googleusercontent.apps.861823949799-vcuujjn0vvnmcvjppkn</string>
    </array>
  </dict>
</array>
<!-- End of the Google Sign-in Section -->

Aplikasi Android

Kami membuat aplikasi Android baru dari Firebase Console dengan data dasar.

Untuk menambahkan kunci tanda tangan SHA, dari terminal kami pergi ke folder proyek dan mengeksekusi:

keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore

(Sebagai kata sandi kami menggunakan android )

Dari bagian ini sudah diimplementasikan dalam proyek, itu hanya informatif

Kemudian kami mengunduh file layanan Google . Pengaturan dan Salin ke Folder Proyek: android/app .

Setelah file disalin, kita harus mengonfigurasi kelulusan untuk bekerja dengan Firebase. Kami mengedit android/build.gradle :

 buildscript {
  repositories {
    // Check that you have the following line (if not, add it):
    google()  // Google's Maven repository
  }

  // ...

  dependencies {
    // ...

    // Add the following line:
    classpath 'com.google.gms:google-services:4.3.3'  // Google Services plugin
  }
}
allprojects {
  // ...

  repositories {
    // Check that you have following line (if not, add it):
    google()  // Google's Maven repository
    // ...
  }
}

Dan di android/app/build.gradle :

 dependencies {
// ...
}

// Add the following line to the bottom of the file:
apply plugin: 'com.google.gms.google-services'  // Google Play services Gradle plugin

Akhirnya kami mengedit file android/gradle.properties dan menambahkan:

 android.useAndroidX=true
android.enableJetifier=true

Akhirnya kami mengeksekusi:

flutter packages get

Eksekusi

Setelah ID dimodifikasi, kami memverifikasi bahwa aplikasi yang baru diinstal dijalankan dalam dua sistem (kami menghubungkan ponsel Android dan iPhone:

flutter packages get

flutter run -d all

(Atau memulai proyek dari Android Studio)

Instalasi Plugin Firebase

Bagian ini sudah diterapkan dalam proyek, ini hanya informatif

Kami menambahkan plugin yang kami butuhkan firebase di pubspec.yaml di bagian ketergantungan :

 dependencies:
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.2

  ## AQUÍ DEPENDENCIAS FIREBASE Y OTRAS...
  firebase_core: ^0.4.1+5
  firebase_analytics: ^5.0.6
  cloud_firestore: ^0.12.10
  firebase_auth: ^0.14.0+9
  google_sign_in: ^4.0.14
  rxdart: ^0.22.6
  provider: 2.0.0+1
  font_awesome_flutter: 8.4.0

Setelah plugin ditentukan, kami menginstalnya:

flutter packages get

Dan kami menjalankan aplikasi untuk melihat semuanya berfungsi:

flutter run -d all