Como integrar seu aplicativo iOS Flutter com Firebase no MacOS

Firebase é uma plataforma de desenvolvimento de aplicativos móveis desenvolvida pela Firebase, Inc. em 2011 e adquirida pelo Google em 2014. Ele oferece vários recursos, como armazenamento em nuvem, autenticação e kit de ML, essenciais para o desenvolvimento de aplicativos móveis modernos.

Além disso, fornece serviços como Monitoramento de Desempenho, Crashlytics e Google Analytics para ajudá-lo a melhorar a qualidade de seus aplicativos.

Neste tutorial, vou mostrar como conectar seu aplicativo Flutter iOS à plataforma Firebase em um computador Mac, para que você possa utilizar os poderosos serviços fornecidos pela API firebase em seus empreendimentos futuros ...

1. Preparando uma conta do Gmail e um projeto Flutter

Para utilizar os serviços do Firebase e do Google Cloud Platform, você precisará de uma Conta do Google. Se você não tiver um, basta seguir as instruções da página aqui para registrar-se.

Este tutorial vai mostrar como conectar seu aplicativo Flutter existente à plataforma Firebase. Se você está interessado em como criar seu primeiro aplicativo Flutter, tenho um tutorial sobre como criar seu primeiro aplicativo Flutter iOS no MacOS . Ao final desse tutorial, você deve ter um aplicativo hello_world pronto no simulador e entender como alterar o aplicativo modificando o arquivo main.dart .

2. Criação de um projeto Firebase

Para integrar seu aplicativo Flutter à plataforma Firebase, primeiro você deve criar um projeto Firebase. E aqui estão as etapas.

1. Acesse o console do Firebase .

2. Clique no grande botão Adicionar projeto .

3. Insira o nome do seu projeto .

  • Usei hello-world para este exemplo. O Firebase anexa automaticamente um ID exclusivo ao nome do seu projeto - por exemplo, o projeto que criei terminou com o nome hello-world-f2206 .

4. Você pode escolher um local do Cloud Firestore .

  • Deixei como nam5 (us-central) porque moro em Los Angeles, mas o Cloud Functions não está disponível em us-west2 e o tráfego entre eles criará cobranças adicionais. Você pode encontrar mais informações sobre disponibilidades de serviço e locais de servidor aqui .

5. Aceite os Termos e Condições .

5. Quando terminar, role até a parte inferior e clique em Criar projeto .

  • Consulte 3.1 Mudando para conta de administrador no apêndice no final deste artigo se você encontrou uma mensagem de erro solicitando uma conta de administrador.

O Firebase levará algum tempo para preparar seu aplicativo. Uma vez feito isso, clique no botão Continuar para abrir a página de visão geral do projeto Firebase .

4. Configure um aplicativo iOS

1. Na página de visão geral do projeto do Firebase , inicie o assistente de configuração para iOS .

2. Dentro do assistente de configuração, coloque o ID do pacote iOS. O botão Registrar aplicativo deve então acender, clique nele.

  • Um guia sobre como encontrar o ID do pacote iOS pode ser encontrado abaixo na seção 4.1 Localizando a pasta raiz do projeto iOS e Adquirindo o ID do pacote do apêndice.

3. Faça download do arquivo de configuração GoogleService-Info.plist e coloque-o na pasta raiz do Projeto iOS e clique em Avançar .

  • Um guia sobre como encontrar o ID do pacote iOS pode ser encontrado abaixo na seção 4.1 Localizando a pasta raiz do projeto iOS e Adquirindo o ID do pacote do apêndice.

4. Siga as instruções para adicionar o Firebase SDK e clique em Avançar .

  • Um guia detalhado sobre como instalar CocoaPods e Firebase SDK pode ser encontrado abaixo na seção 4.2 Instalação de CocoaPods e Firebase SDK .

5. Modifique o código dentro do AppDelegate principal conforme instruído pelo assistente de configuração e clique em Avançar . Para este exemplo, usei Objective-C e, portanto, substituí o conteúdo de AppDelegate.m pelo código a seguir.

#include "AppDelegate.h" #include "GeneratedPluginRegistrant.h" @import UIKit; @import Firebase; @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { [FIRApp configure]; return YES; } @end

6. Volte para a pasta raiz e execute seu aplicativo. Depois de um tempo, você deverá ver o assistente de configuração mostrando que seu aplicativo foi adicionado ao Firebase. Clique em Continuar para o console para concluir a configuração.

Parabéns! Você adicionou com sucesso o Firebase ao seu aplicativo Flutter. Apesar do fato de ter o Firebase e o Flutter do Google ser super legal, na verdade é uma boa prática de engenharia de software ter sempre um plano B, bem como um plano C, D, E, F e G. No futuro, eu terei escreva outro guia sobre um aplicativo de exemplo usando Firebase e muito mais no Flutter.

Divirta-se codificando !!!

Apêndices:

3.1 Mudando para conta de administrador

Se você encontrou a mensagem a seguir, significa que você precisa entrar em contato com a organização de sua conta do Gmail para conceder acesso ao Google Developers Console .

4.1 Como encontrar a pasta raiz do projeto iOS e adquirir o ID do pacote

1. Inicie o Xcode a partir do Launchpad .

2. Select “Open another project…” at the bottom of the prompt screen.

3. Navigate to your Flutter project folder, open the “ios” folder and select “Runner.xcodeproj”. This should automatically open up the project in Xcode.

4. Select the Runner project on the left, you should now see the Bundle Identifier under Identity.

4.2 Installing CocoaPods and Firebase SDK

In case the instructions inside the setup wizard did not work out, you will have to remove the existing Podfile in order to reinstall them correctly.

1. CocoaPods is built with Ruby and is installable with the default Ruby available on MacOS. Use the following commands to install it.

sudo gem install cocoapods

2. Initialize the Podfile with the following command.

pod init

3. Then, add the following code to the initialized Podfile.

pod 'Firebase/Core'

4. Once done, save the changes made to the Podfile, and install the Firebase SDK with the following command.

pod install

5. After the installation, you will likely have to configure the .xcconfig files. First you will have to copy the files from the Pods/Target Support Files/Pods-Runner folder to Flutter folder.

6. Em seguida, você terá que incluí-los nos arquivos Debug.xcconfig e Release.xcconfig dentro da pasta Flutter .

Em Debug.xcconfig :

#include "Pods-Runner.debug.xcconfig"

Em Release.xcconfig :

#include "Pods-Runner.profile.xcconfig" #include "Pods-Runner.release.xcconfig"