flutter firebase starter
1.0.0
Outros idiomas: inglês
Este projeto pretende ser um modelo base ou iniciante para iniciar um projeto com fleta e Firebase rapidamente.
A apostas consiste em duas telas: login e casa
Nesta tela, o usuário pode:
Tela que chegamos uma vez identificada e que nos permite terminar a sessão.
O aplicativo também cria um documento no banco de dados chamado Atividade em que o tempo e o ID do usuário são salvos toda vez que você efetuar login.
O objetivo deste projeto é demonstrar o uso do Flutter juntamente com o FireBase para criar rapidamente um aplicativo com um back -end para gerenciar usuários e autenticação e um banco de dados para armazenar informações.
Instale o Flutter na equipe de desenvolvimento:
https://flutter.dev/docs/get-started/install/macos
Verifique se temos o Android Studio e o Xcode instalados:
Xcode Download
Download do Android Studio (para Mac)
Depois de instalado, verifique a instalação com:
flutter doctor
git clone [email protected]:ramoncardena/flutter-firebase-starter.git flutter-firebase-starter
cd flutter-firebase-starter
flutter packages get
Abrimos o projeto iOS no Xcode: ~/flutter-firebase-starter/ios
Na estrutura do projeto, selecionamos o ROOT RUNNER e na seção geral na seção de identidade , definimos o ID do pacote ( identificador de pacote ) e a versão ( versão ).
Em seguida, vamos à seção de assinatura e recursos e, na seção de assinatura , selecionamos o equipamento apropriado ( equipe ) para assinar o projeto.
Vamos para a pasta do projeto, onde a graduação é definida para aplicação em: ~/flutter-firebase-starter/android/app/build.gradle
E modificamos a seção DefaultConfig com o ID do aplicativo ( ApplicationId ) e definimos a versão mínima do SDK ( MinsdkVersion ) como 21
defaultConfig {
applicationId "com.ramoncardena.firebasestarter"
minSdkVersion 21
targetSdkVersion 28
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
}
Encontraremos as informações detalhadas em inglês, neste artigo.
Vamos ao console do Firebase.
Criamos um novo projeto e, uma vez criados, adicionamos dois aplicativos, um Android e outro iOS.
Criamos um novo aplicativo iOS no console do Firebase e preenchemos os dados básicos.
Em seguida, baixamos o arquivo de configuração GoogleService-Info.plist .
IMPORTANTE: Abrimos o Xcode e com o botão direito na pasta Runner/Runner, adicione o arquivo de configuração do Firebase e fechou o Xcode.
Além disso, para autenticação com o Google assinando , precisamos adicionar a tecla correspondente ao arquivo 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 -->
Criamos um novo aplicativo Android do console do Firebase com os dados básicos.
Para adicionar a tecla SHA Signature, de um terminal, vamos à pasta do projeto e executamos:
keytool -list -v -alias androiddebugkey -keystore ~/.android/debug.keystore
(Como senha, usamos android )
A partir desta parte, já está implementado no projeto, é apenas informativo
Em seguida, baixamos o arquivo do Google-Services . Configurações e copie -o na pasta do projeto: android/app .
Depois que o arquivo é copiado, precisamos configurar a graduação para trabalhar com o Firebase. Editamos em primeiro lugar 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
// ...
}
}
E no 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
Finalmente, editamos o arquivo android/gradle.properties e adicionamos:
android.useAndroidX=true
android.enableJetifier=true
Finalmente executamos:
flutter packages get
Depois que o ID é modificado, verificamos que o aplicativo recém -instalado é executado nos dois sistemas (conectamos um Android Mobile e um iPhone:
flutter packages get
flutter run -d all
(ou iniciando o projeto do Android Studio)
Esta parte já foi implementada no projeto, é apenas informativo
Adicionamos os plugins que precisamos do FireBase no pubspec.yaml na seção de dependência :
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
Depois que os plugins são definidos, nós os instalamos:
flutter packages get
E executamos o aplicativo para ver que tudo funciona:
flutter run -d all
Você pode aprender mais sobre mim no meu site ou ler meus artigos no blog
