flutter firebase starter

Base Base Project с Firebase

Другие языки: английский

Описание

Этот проект направлен на то, чтобы быть базовым шаблоном или стартером , чтобы быстро запустить проект с Flutter и Firebase.

Ставка состоит из двух экранов: вход и дом

Вход в систему

На этом экране пользователь может:

• Войдите в Firebase с помощью электронной почты/пароля
• Войдите в Firebase с учетной записью Google
• Зарегистрируйтесь в Firebase с помощью электронной почты/пароля

Главный экран

Экран, который мы прибываем после идентифицированного, и это позволяет нам закончить сеанс.

База данных

Приложение также создает документ в базе данных, называемой деятельностью , в которой пользовательское время и идентификатор сохраняются каждый раз, когда вы входите в систему.

Цель

Цель этого проекта - продемонстрировать использование Flutter вместе с Firebase для быстрого создания приложения с бэкэнд для управления пользователями и аутентификацией и базой данных для хранения информации.

Флэттерская установка

Установите Flutter в команду разработчиков:

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

Конфигурация

Определение идентификатора пакета в iOS

Мы открываем проект iOS в XCode: ~/flutter-firebase-starter/ios

В структуре проекта мы выбираем Root Runner и в разделе общего в разделе Identity мы определяем идентификатор пакета ( идентификатор пакета ) и версию ( версия ).

Затем мы перейдем к разделу «Подписание и возможности» , а в разделе подписи мы выбираем соответствующее оборудование ( команда ), чтобы подписать проект.

Определение идентификатора приложения в Android

Давайте перейдем в папку проекта, где определено выпускной для приложения в: ~/flutter-firebase-starter/android/app/build.gradle

И мы изменяем раздел DefaultConfig с идентификатором приложения ( ApplicationId ) и устанавливаем минимальную версию SDK ( minsdkversion ) на 21

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

Конфигурация Firebase

В этой статье мы найдем подробную информацию на английском языке.

Мы идем в консоли Firebase.

Мы создаем новый проект и после создания добавляем два приложения, одно Android и другой iOS.

Приложение iOS

Мы создаем новое приложение для iOS из консоли Firebase и заполняем основные данные.

Затем мы загружаем файл конфигурации 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 -->

Приложение для Android

Мы создаем новое приложение для Android из консоли Firebase с основными данными.

Чтобы добавить клавишу подписи 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

Исполнение

После изменения идентификатора мы подтвердим, что недавно установленное приложение выполняется в двух системах (мы подключаем Android -мобильный и iPhone:

flutter packages get

flutter run -d all

(или запуск проекта с Android Studio)

Установка плагинов Firebase

Эта часть уже реализована в проекте, она только информативна

Мы добавляем плагины, которые нам нужны Firebase в pubspec.yaml в разделе зависимости :

 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

Обо мне

Вы можете узнать больше обо мне на моем сайте или прочитать мои статьи в блоге