Xamarin Forms - CRUD no Firebase

O Firebase é mais um dos serviços do Google e ele possui muitas funcionalidades, e, a que iremos usar neste artigo será a funcionalidade Databases.

A primeira coisa a fazer é criar uma conta no Firebase acessando o Firebase Console.

Se você tiver uma conta ou após você se registrar e fazer o login será a apresentada a tela abaixo onde podemos adicionar um novo projeto clicando em : Adicionar projeto

Agora selecione a opção : iniciar no modo de teste e cliqem no botão : Próxima:

Observe que neste modo qualquer pessoa que possua a referência ao nosso banco de dados vai poder visualizar, editar e deletar todos os dados do banco de dados.

Para concluir defina a localização de armazenamento aceitando o valor padrão e clicando em Concluido:

Seu banco de dados já esta pronto para ser usado. A seguir vamos clicar em - Cloud Firestore:

O Firebase fornece duas soluções de banco de dados baseadas em nuvem e acessíveis ao cliente que oferecem suporte à sincronização de dados em tempo real:

Obs: O seu link deverá ser diferente do mostrado aqui. E eu vou proteger o link após a conclusão do projeto.

Temos que alterar as regras de acesso aos dados pois por padrão a leitura e a escrita estão definidos como false e assim não será possível ler nem escrever dados.

Após clicar em Publicar seu banco Firebase estará pronto para ser acessado e você poderá ler e escrever dados.

Assim a parte de configuração do Firebase esta concluída e podemos continuar com o Xamarin Forms.

Vamos criar um novo projeto Xamarin Forms no VS 2019 Community com o nome XF_CrudFirebase.

Nota: Verifique se você precisa atualizar as versões do Xamarin Forms e do Xamarin.Essentials

No projeto Android, na pasta Resources/drawable vamos incluir o arquivo firebase.jpg que iremos usar na página do CRUD.

Na pasta Models crie a classe Contato que representa um contato que iremos gerenciar em nossa aplicação :

Agora vamos criar a classe FirebaseService onde vamos implementar a funcionalidades para acessar nossa base de dados Firebase e realizar as operações CRUD.

Iremos usar também a referência à biblioteca Firebase.Database e Firebase.DatabaseQuery onde vamos usar a classe FirebaseClient e definir os métodos:

1- Vamos iniciar criando os métodos AddContato() e GetContatos() para obter todos os contatos do Firebase:

using Firebase.Database;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using XF_CrudFirebase.Models;

namespace XF_CrudFirebase.Services
{
    public class FirebaseService
    {
        FirebaseClient firebase = 
            new FirebaseClient("https://xamarinfirestoreapp.firebaseio.com/");

         public async Task AddContato(int contatoId, string nome, string email)
         {
             await firebase
                .Child("Contatos")
                   .PostAsync(new Contato() { ContatoId = contatoId, Nome = nome, Email= email });
         }

        public async Task<List<Contato>> GetContatos()
        {
            return (await firebase
              .Child("Contatos")
              .OnceAsync<Contato>()).Select(item => new Contato
              {
                  Nome = item.Object.Nome,
                  Email = item.Object.Email,
                  ContatoId = item.Object.ContatoId
              }).ToList();
        }
    }
}

Agora vamos criar uma interface com o usuário bem simples onde vamos poder incluir os dados do Contato e usar botões de comando para acionar os serviços da classe FirebaseService.

Abra o arquivo MainPage.xaml e substitua o código existente pelo código abaixo :

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="XF_CrudFirebase.MainPage">

            </StackLayout>
        </StackLayout>
    </StackLayout>

</ContentPage>

Vamos definir o código abaixo no arquivo MainPage.xam.cs para poder interagir com os dados definindo a fonte de dados para a CollectionView:

using System;
using System.ComponentModel;
using Xamarin.Forms;
using XF_CrudFirebase.Services;

namespace XF_CrudFirebase
{
    [DesignTimeVisible(false)]
    public partial class MainPage : ContentPage
    {
        FirebaseService fbService = new FirebaseService();

        public MainPage()
        {
            InitializeComponent();
        }

        protected async override void OnAppearing()
        {
            base.OnAppearing();
            var contatos = await fbService.GetContatos();
            listaContatos.ItemsSource = contatos;
        }

        private async void BtnIncluir_Clicked(object sender, System.EventArgs e)
        {
            await fbService.AddContato(Convert.ToInt32(txtId.Text), txtNome.Text, txtEmail.Text);

            txtId.Text = string.Empty;
            txtNome.Text = string.Empty;
            txtEmail.Text = string.Empty;

            await DisplayAlert("Success", "Contato incluído com sucesso", "OK");

            var contatos = await fbService.GetContatos();
            listaContatos.ItemsSource = contatos;
        }

        private void BtnExibir_Clicked(object sender, System.EventArgs e)
        {}

        private void BtnDeletar_Clicked(object sender, System.EventArgs e)
        {}

        private void BtnAtualizar_Clicked(object sender, System.EventArgs e)
        {}
    }
}

Neste código definimos no evento Click do botão para incluir contato o código que chama o método AddContato() para incluir um contato e a seguir lista os contatos existentes.

Na próxima parte do artigo vamos criar os métodos para atualizar, obter um contato e deletar dados do firebase.

"No princípio era o Verbo, e o Verbo estava com Deus, e o Verbo era Deus.
Ele estava no princípio com Deus.
Todas as coisas foram feitas por ele, e sem ele nada do que foi feito se fez."
João 1:1-3