flutter firebase starter
1.0.0
Andere Sprachen: Englisch
Dieses Projekt zielt darauf ab, eine Basisvorlage oder ein Starter zu sein, um ein Projekt mit Flutter und Firebase schnell zu starten.
Das Wetten besteht aus zwei Bildschirmen: Anmeldung und Zuhause
Auf diesem Bildschirm kann der Benutzer:
Bildschirm, den wir nach der Identifizierung ankommen, und das ermöglicht es uns, die Sitzung zu beenden.
Die Anwendung erstellt außerdem ein Dokument in der Datenbank mit dem Namen Activity , in dem die Benutzerzeit und die ID jedes Mal gespeichert werden, wenn Sie sich anmelden.
Ziel dieses Projekts ist es, die Verwendung von Flutter zusammen mit Firebase zu demonstrieren , um schnell eine Anwendung mit einem Backend zu erstellen, um Benutzer und Authentifizierung sowie eine Datenbank zum Speichern von Informationen zu verwalten.
Installieren Sie Flutter im Entwicklungsteam:
https://flutter.dev/docs/get-started/install/macos
Stellen Sie sicher, dass Android Studio und Xcode installiert sind:
Xcode Download
Android Studio Download (für Mac)
Überprüfen Sie nach der Installation die Installation mit:
flutter doctor
git clone [email protected]:ramoncardena/flutter-firebase-starter.git flutter-firebase-starter
cd flutter-firebase-starter
flutter packages get
Wir eröffnen das iOS- Projekt in Xcode: ~/flutter-firebase-starter/ios
In der Struktur des Projekts wählen wir den Stammläufer und im allgemeinen Abschnitt im Abschnitt Identität die Bündel -ID ( Bundle -Kennung ) und die Version ( Version ) definieren.
Anschließend gehen wir zum Abschnitt "Signier- und Funktionen" und wählen im Signierabschnitt das entsprechende Gerät ( Team ) zum Unterschreiben des Projekts aus.
Gehen wir zum Projektordner, in dem der Abschluss für die Anwendung in: ~/flutter-firebase-starter/android/app/build.gradle definiert ist.
Und wir ändern den Abschnitt " StandardConfig
defaultConfig {
applicationId "com.ramoncardena.firebasestarter"
minSdkVersion 21
targetSdkVersion 28
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
In diesem Artikel finden wir die detaillierten Informationen in Englisch.
Wir gehen zur Firebase -Konsole.
Wir erstellen ein neues Projekt und fügen nach dem Erstellen zwei Anwendungen hinzu, ein Android und ein anderes iOS.
Wir erstellen eine neue iOS -Anwendung aus der Firebase -Konsole und füllen die grundlegenden Daten aus.
Dann laden wir die Konfigurationsdatei googleService-info.plist herunter.
WICHTIG: Wir öffnen Xcode und fügen mit der rechten Taste im Ordner Läufer/Runner die FireBase -Konfigurationsdatei und geschlossene Xcode hinzu.
Darüber hinaus müssen wir zur Authentifizierung mit Google Sign-In den entsprechenden Schlüssel zur Datei ios/Runner/Info.plist hinzufügen:
<!-- 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 -->
Wir erstellen mit den grundlegenden Daten eine neue Android -Anwendung aus der Firebase -Konsole.
Um den SHA -Signaturschlüssel hinzuzufügen, gehen wir aus einem Terminal zum Projektordner und führen aus:
keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore
(Als Passwort verwenden wir android )
Aus diesem Teil ist es bereits im Projekt implementiert, es ist nur informativ
Dann laden wir die Google-Service- Datei herunter. Einstellungen und kopieren Sie es in den Projektordner: android/app .
Sobald die Datei kopiert wurde, müssen wir die Abschlüsse so konfigurieren, dass sie mit Firebase arbeiten. Wir bearbeiten erstmals 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
// ...
}
}
Und auf 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
Schließlich bearbeiten wir die Datei android/gradle.properties und fügen Sie hinzu:
android.useAndroidX=true
android.enableJetifier=true
Endlich führen wir aus:
flutter packages get
Sobald die ID geändert wurde, überprüfen wir, dass die neu installierte Anwendung in den beiden Systemen ausgeführt wird (wir verbinden ein Android -Mobiltelefon und ein iPhone:
flutter packages get
flutter run -d all
(oder das Projekt aus Android Studio starten)
Dieser Teil ist bereits im Projekt implementiert, es ist nur informativ
Wir fügen die Plugins hinzu, die wir im Abschnitt Abhängigkeit in pubspec.yaml benötigen:
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
Sobald die Plugins definiert sind, installieren wir sie:
flutter packages get
Und wir führen die App aus, um zu sehen, dass alles funktioniert:
flutter run -d all
Sie können mehr über mich auf meiner Website erfahren oder meine Artikel auf dem Blog lesen
