其他語言:英語
該項目旨在成為基本模板或起動器,以迅速啟動撲朔迷離的項目。
博彩由兩個屏幕組成:登錄和家庭
在此屏幕上,用戶可以:
我們一旦確定的屏幕就可以到達,這使我們能夠完成會話。
該應用程序還會在數據庫中創建一個名為“活動”的文檔,其中每次登錄時都會保存用戶時間和ID。
該項目的目的是證明使用Flutter與Firebase的使用,以快速創建一個具有後端的應用程序,以管理用戶和身份驗證以及數據庫存儲信息。
在開發團隊中安裝顫動:
https://flutter.dev/docs/get-started/install/macos
確保我們安裝了Android Studio和Xcode:
XCode下載
Android Studio下載(用於Mac)
安裝後,請檢查以下安裝:
flutter doctor
git clone [email protected]:ramoncardena/flutter-firebase-starter.git flutter-firebase-starter
cd flutter-firebase-starter
flutter packages get
我們在Xcode中打開iOS項目: ~/flutter-firebase-starter/ios
在項目的結構中,我們選擇了根runner ,在“身份”部分中的一般部分中,我們定義了捆綁包ID(捆綁識別器)和版本(版本)。
然後,我們轉到簽名和功能部分,在簽署部分,我們選擇了適當的設備(團隊)來簽署項目。
讓我們轉到為應用程序定義畢業~/flutter-firebase-starter/android/app/build.gradle項目文件夾:
然後,我們使用應用程序ID( applicationID )修改了DefaultConfig部分,並將SDK( Minsdkversion )的最小版本設置為21
defaultConfig {
applicationId "com.ramoncardena.firebasestarter"
minSdkVersion 21
targetSdkVersion 28
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
在本文中,我們將以英語找到詳細信息。
我們去了火箱控制台。
我們創建一個新項目,一旦創建,添加兩個應用程序,一個Android和另一個iOS。
我們從Firebase控制台創建一個新的iOS應用程序,並填寫基本數據。
然後,我們下載googleservice-info.plist配置文件。
重要的是:我們打開XCode,並在Runner/Runner文件夾上使用右鍵,添加Firebase配置文件和封閉的Xcode。
此外,要使用Google登錄的身份驗證,我們必須將相應的密鑰添加到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 -->
我們使用Firebase控制台創建一個新的Android應用程序,並使用基本數據創建。
要添加SHA簽名密鑰,從終端我們轉到項目文件夾並執行:
keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore
(作為密碼,我們使用android )
從這一部分中,它已經在項目中實施,只有信息豐富
然後我們下載Google-Services文件。設置並將其複製到項目文件夾中: android/app 。
複製文件後,我們必須配置畢業以與Firebase一起使用。我們首先編輯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
// ...
}
}
在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
最後,我們編輯android/gradle.properties文件並添加:
android.useAndroidX=true
android.enableJetifier=true
最後我們執行:
flutter packages get
修改ID後,我們驗證新安裝的應用程序是否在兩個系統中執行(我們連接Android Mobile和iPhone:
flutter packages get
flutter run -d all
(或從Android Studio啟動項目)
該部分已經在項目中實施,只有內容豐富
我們在pubspec.yaml項部分中添加了我們需要firebase的插件:
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
定義插件後,我們將安裝它們:
flutter packages get
我們執行該應用程序以查看一切有效:
flutter run -d all
您可以在我的網站上了解有關我的更多信息,或在博客上閱讀我的文章