learning_about_b4a_dart

Meu maior motivador em construir este repositório é meu desejo em compartilhar com vocês o que venho aprendendo sobre tudo isto. Este pequeno projeto, usando puro Dart, servirá também para alguns testes com back4app.com no que envolve database.

Este texto é um roteiro para os vídeos desta playlist ??. E com a ajuda de vocês vou acrescentando o que for necessário neste texto e atualizando nos vídeos.

Antes de começar talvez voĉe se pergunte. Porque back4app ? Ou ate mesmo. O que é back4app ?

Em rápidas palavras foi assim...

Ao iniciar meus estudos em Dart/Flutter fui logo para o Firebase. Então analisando melhor a documentação vi que o Firebase é openCredCard, ou seja, você cadastra seu cartão de crédito e se sua aplicação crescer, ou for atacado ou cometer um erro de loop o Firebase não quer saber. Vai te cobrar e pronto.

Ai buscando outras alternativas, meu grande amigo Paulo Roberto Cruz, me indicou esta solução completa para um backend que outrora foi iniciativa do Facebook mas agora esta nas boas mãos da comunidade.

E aqui estou eu. Após várias cabeçadas compartilhando com vocês o que aprendi. E espero ajudar alguns. E aceito ajuda de todos. Neste repo trato apenas de banco de dados os demais tópicos deixarei indicado meus repos de aprendizado no referido assunto.

No back4app.com encontramos:

Autenticação
Banco de dados
Hospedagem
Funções em nuvem
E outras coisas...

Este conteúdo será compartilhado:

no tabnews https://www.tabnews.com.br/catalunha

na udemy: https://www.udemy.com/course/back4app-um-backend-completo-para-dartflutter-database/

E sobre tudo isto vamos conversando no chat do tabnews ou neste discord https://discord.com/channels/766282533292998691/766282694967296030

Este texto é melhor detalhado neste vídeo: https://youtu.be/btNzdAqjcHc

Você pode assiste aos vídeos do sumário nesta playlist

Sumário dos Posts

Introdução
1. Vídeo: https://youtu.be/btNzdAqjcHc
Apresentação do projeto Dart/Flutter
1. Vídeo: https://youtu.be/RM3gYIrJjrY
2. Dart (ok)
3. Flutter (em construção)
As tabelas, seus campos, e suas relações.
1. Vídeo: https://youtu.be/pkNyrW2Xg58
2. Relações num DataBase b4a
3. Tipos comuns em b4a
4. json objects
5. DateTime e UTC
Criando o database no back4app.com
1. Vídeo: https://youtu.be/SQ5sUlg8wgU
2. Genre
3. Author
4. Shape
5. Publisher
6. Book
Criando o app Dart e Conexão do app com a b4a
1. Vídeo: https://youtu.be/IqQ2nke4Ot0
2. app console dart
Dados em Genre via App Dart
1. Vídeo: https://youtu.be/joj68zuxlgE
2. typeString
3. typeBoolean
4. typeNumber
5. typeDateTime
6. typeArray
7. add
8. addAll
9. update
10. unset
11. delete
12. removeAll
13. typeNumberIncrement
14. typeNumberDecrement
15. typeArraySetAdd
16. typeArraySetAddUnique
17. typeArraySetAddAll
18. typeArraySetAddAllUnique
19. typeArraySetRemove
20. typeArraySetRemoveAll
21. lib/data/b4a/tables/genre/genre_repository.dart
22. lib/core/models/genre_model.dart
23. lib/data/b4a/entity/genre_entity.dart
24. lib/app/presentation/genre/genre_page.dart
25. lib/app/presentation/genre/genre_view.dart
26. lib/app/presentation/genre/genre_controller.dart
Buscas em Genre via App Dart
1. Vídeo: https://youtu.be/n52yn52uavQ
2. count
3. getObject
4. getAll
5. queryBuilder
6. queryBuilder_OrderByAscending
7. queryBuilder_OrderByDescending
8. queryBuilder_ExcludeKeys
9. queryBuilder_KeysToReturn
10. queryBuilder_Pagination
11. queryBuilder_WhereEqualToSimpleColumn
12. queryBuilder_WhereNotEqualToSimpleColumn
13. queryBuilder_WhereGreaterThan
14. queryBuilder_WhereGreaterThanOrEqualsTo
15. queryBuilder_WhereLessThan
16. queryBuilder_WhereLessThanOrEqualTo
17. queryBuilder_WhereValueExists
18. queryBuilder_WhereStartsWith
19. queryBuilder_WhereEndsWith
20. queryBuilder_WhereContains
21. queryBuilder_WhereContainedIn
22. queryBuilder_WhereArrayContainsAll
23. queryBuilder_Or
Dados em Author via App Dart
1. Vídeo: https://youtu.be/4bcg90pIoGo
2. typePointer to Genre
Buscas em Author via App Dart
1. Vídeo: https://youtu.be/0vf6yp_2lWs
2. queryBuilder_IncludeObject
3. queryBuilder_WhereEqualToPointer
4. queryBuilder_WhereMatchesQuery
5. queryBuilder_WhereDoesNotMatchQuery
6. queryBuilder_WhereMatchesKeyInQuery
7. queryBuilder_WhereDoesNotMatchKeyInQuery
Dados em Shape via App Dart
1. Vídeo: https://youtu.be/oRga5HqokXc
2. typeFile
3. typeObject
Buscas em Shape via App Dart
1. Vídeo: https://youtu.be/dgOddus97PQ
Dados em Publisher via App Dart
1. Vídeo: https://youtu.be/qtd7MRriJbs
2. typePointer to Shape
Buscas em Publisher via App Dart
1. Vídeo: https://youtu.be/8kGgIJc8p9Q
Dados em Book via App Dart
1. Vídeo: https://youtu.be/Ha8ffU5bxP4
2. typePointer to Publisher
3. typeRelation to Author
Buscas em Book via App Dart
1. Vídeo: https://youtu.be/97g5ZL51thA
2. queryBuilder_IncludeObject
3. queryBuilder_WhereEqualToRelation
4. queryBuilder_WhereMatchesQuery
5. queryBuilder_WhereDoesNotMatchQuery

Voltar ao sumário

Apresentação do projeto Dart/Flutter deste tutorial

Este texto é melhor detalhado neste vídeo: https://youtu.be/RM3gYIrJjrY

Dart

Neste momento como nosso foco é entender back4app como um database escolher o Dart puro é mais produtivo e não afeta em nada a aplicação destes conhecimentos em Flutter.

O projeto em Dart nos permite entender o b4a de uma forma mais completa e simples no que se refere ao database. Sem as interferencias provocadas por uma interface como é o Flutter.

Depois de vencida a etapa de entender o b4a aplicar isto ao Flutter é simples. Para quem entende de Flutter.

Flutter

Em construção...

Neste segundo momento iremos desenvolver uma aplicação Flutter para abranger também a parte de login com cadastro de usuarios, emails de verificação e recuperação de senhas.

E trataremos também um pouco sobre cloud functions no cadastro do usuario.

Colocaremos também todos estes conhecimentos de cadastro, atualização e busca de dados vistos no Dart de uma forma visual com Flutter.

Faremos o deploy da aplicação em Flutter Web no b4a.

Voltar ao sumário

As tabelas, seus campos, e suas relações.

Este texto é melhor detalhado neste vídeo: https://youtu.be/pkNyrW2Xg58

Bora codar...

Criei uma estrutura teórica de relacionamento apenas para facilitar nosso cadastro e busca de dados:

Adotei coloca o tipo da coluna como nome da coluna pra facilitar o entendimento e no caso de Pointer e Relation informar a tabela relacionada.

Como o nome da coluna informa se tipo você pode imaginar qualquer dado para exemplo e buscas.

As tabelas e os seus campos serão:

Book
1. objectId
2. typeString
3. typeBoolean
4. typeNumber
5. typeDateTime
6. typeArray
7. typePointerPublisher
8. typeRelationAuthor
Publisher
1. objectId
2. typeString
3. typeBoolean
4. typeNumber
5. typeDateTime
6. typeArray
7. typePointerShape
Author
1. objectId
2. typeString
3. typeBoolean
4. typeNumber
5. typeDateTime
6. typeArray
7. typePointerGenre
Genre
1. objectId
2. typeString
3. typeBoolean
4. typeNumber
5. typeDateTime
6. typeArray
Shape
1. objectId
2. typeString
3. typeBoolean
4. typeNumber
5. typeDateTime
6. typeArray
7. typeFile
8. typeObject

Os tipos padroes do b4a são

String
Boolean
Number (que pode ser int ou double)
DateTime
Array (normalmente pode ser de)
- String
- Boolean
- Number
Object (que é um json livre)
File
Pointer (uma associação com outra tabela do tipo 1:n)
Relation (uma associação com outra tabela do tipo m:n)
GeoPoint (não abordaremos este recurso desta vez)

observações sobre o typeObject

Pra não deixar duvidas segue uma revisao de estrutura de um json.

Os objetos json, simples sem lista, podem ser do tipo typeString, typeBoolean (true ou false), typeNumber (int ou doble), typeArray (de qualquer tipo), typeObject (um outro json)

Veja que datas e tempos, ou seja DateTime, não são json padroes e são usados em formato de texto.

{
    "typeString": "example",
    "typeBoolean1": true,
    "typeBoolean2": false,
    "typeNumber1": 1,
    "typeNumber2": 3.14,
    "typeNull": null,
    "typeArray": [
        "example",
        true,
        false,
        1,
        3.14,
        null,
        {}
    ],
    "typeObject": {}
}

Mas os objetos json também pode vir em formato de lista desta forma.

[
    {},
    {}
]

observações sobre o typeDateTime

Este sempre é salvo em UTC no b4a. No caso do Brasil em +3h

Ou seja.

DateTime em sua aplicação	DateTime no b4a
2022-01-01 00:00:00	2022-01-01 03:00:00

Voltar ao sumário

Criando o database no back4app.com

Este texto é melhor detalhado neste vídeo: https://youtu.be/SQ5sUlg8wgU

Veremos sobre:

criação das tabelas
criação das colunas
exemplos de edição dentro do database do b4a

Bora codar...

Acesse o site https://www.back4app.com/

Realize seu cadastro.

Sua tela após cadastro deve se parecer com a minha.

Clique então em NEW APP.

Para padronizar informe

App name: learning_about_b4a_2

Database: mongoDB

Então o projeto que já fiz e esta testado se chama learning_about_b4a e este que faço junto com vc se chama learning_about_b4a_2.

Este é o processo de criação e configuração do seu database e demais capacidades de backend que o b4a fornece.

Ao final do processo teremos esta tela:

O b4a chama as tabelas de Class, os campos de Column e as linhas de linhas Objetos.

Vamos então criar as tabelas/classes e seus campos clicando em Create a class

Genre

Criando a tabela Genre conforme esta imagem. Não abordaremos permissões de acesso e outras restrições nesta verão Dart do projeto. Então marque Public Read and Write enabled. Clique em Create class & add columns

Criaremos agora as colunas desta tabela. Conforme as imagens a seguir. Após cada preenchimento clique em Add columns & continue

typeString

typeBoolean