その他の言語:英語
このプロジェクトの目的は、FlutterとFirebaseを使用してプロジェクトをすばやく開始するためのベーステンプレートまたはスターターになることを目指しています。
賭けは、ログインとホームの2つの画面で構成されています
この画面では、ユーザーは次のとおりです。
特定された後に到着し、セッションを終了できるようにする画面。
また、アプリケーションは、ログインするたびにユーザー時間とIDが保存されるアクティビティと呼ばれるドキュメントをデータベースに作成します。
このプロジェクトの目的は、ファイアーベースと一緒にフラッターの使用を実証して、ユーザーと認証を管理するバックエンドを備えたアプリケーションと情報を保存するデータベースを迅速に作成することです。
開発チームにフラッターをインストールします。
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: ~/flutter-firebase-starter/iosでiOSプロジェクトを開きます
プロジェクトの構造では、ルートランナーを選択し、 IDセクションの一般的なセクションでは、バンドル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"
}
この記事では、英語の詳細情報を見つけます。
FireBaseコンソールに行きます。
新しいプロジェクトを作成し、作成したら、2つのアプリケーション、1つの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が変更されたら、新しくインストールされたアプリケーションが2つのシステムで実行されていることを確認します(Androidモバイルと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
あなたは私のウェブサイトで私についてもっと学ぶか、ブログで私の記事を読むことができます