Integre Appwrite - o servidor backend de código aberto , com React !

O que é Appwrite?

Appwrite é um servidor de back-end de código aberto para aplicativos da Web e móveis. É semelhante ao Firebase, AWS Amplify e Supabase em termos de recursos e APIs, incluindo autenticação (gerenciamento de usuários), gerenciamento de banco de dados, armazenamento e funções de nuvem.
É uma solução auto-hospedada que fornece aos desenvolvedores um conjunto de APIs REST fáceis de usar e integra para gerenciar suas principais necessidades de back-end.

✨ Recursos incríveis!

Ele pode ser executado em qualquer sistema operacional e a interface do usuário do console fornece uma grande variedade de serviços que você pode usar com seu projeto!

1. Banco de dados -Armazene, consulte e gerencie o controle de acesso aos documentos do seu aplicativo
2. Armazenamento — Carregue, baixe e visualize seu aplicativo e arquivos e mídia de usuários
3. Usuários — Autentique, confirme e gerencie seus usuários usando vários métodos de login
4. GEO & Localização — Detecte a localização do seu usuário, localidade e busque dados relacionados ao GEO
5. Funções — Execute seu código de back-end em um ambiente seguro e isolado para personalizar seu aplicativo
6. Console — Acompanhe o uso da API de back-end e gerencie os recursos do projeto a partir de uma interface de usuário moderna
7. Privacidade - Tenha seus dados. Configure facilmente a solução auto-hospedada Appwrite em sua infraestrutura
8. Segurança — Segurança integrada de ponta a ponta para sua API de back-end, tanto em trânsito quanto em repouso

• O No Cost
  Appwrite é de código aberto, então podemos esperar tudo de graça aqui. Outras opções de empresas como Microsoft, Amazon etc. podem ficar caras à medida que você amplia seu produto. Appwrite tem uma borda superior aqui.
• Estatísticas de uso
  Usando as estatísticas de uso fornecidas pelo AppWrite, você pode saber facilmente quais projetos - ocupam mais espaço, usam mais tempo de CPU, você pode até ver o uso de largura de banda em cada projeto separadamente... e muito mais estatísticas.
• Suporte de API
  Devido à quantidade de APIs que o Appwrite fornece a um usuário, é muito mais fácil criar projetos com a difícil tarefa de agrupar servidores de API.
• Gerenciador de Tarefas
  Usando Appwrite, você pode agendar uma execução automática de função usando a sintaxe cron. Esta função pode fazer qualquer coisa, desde enviar e-mails de newsletter até comprar uma pizza. Sem limitações.
• Suporte da comunidade
  AppWrite tem um excelente suporte da comunidade que está pronto para ajudá-lo o tempo todo. Se você tiver alguma dúvida ou pergunta, você pode conversar no servidor de discórdia deles e sua consulta será resolvida mais rapidamente do que qualquer outro fórum.

Instalação

A maneira mais fácil de começar a executar seu servidor Appwrite é executando nossa ferramenta de instalação do Docker em seu terminal.
Antes de executar o comando de instalação, certifique-se de ter o Docker CLI instalado em sua máquina host.

Para Unix

docker run -it --rm \
    --volume /var/run/docker.sock:/var/run/docker.sock \
    --volume "$(pwd)"/appwrite:/usr/src/code/appwrite:rw \
    --entrypoint="install" \
    appwrite/appwrite:0.11.0

docker run -it --rm ^
    --volume //var/run/docker.sock:/var/run/docker.sock ^
    --volume "%cd%"/appwrite:/usr/src/code/appwrite:rw ^
    --entrypoint="install" ^
    appwrite/appwrite:0.11.0

• Os recursos do Hyper-V e Containers do Windows devem ser habilitados para executar o Appwrite no Windows com o Docker.
• Se você não tiver esses recursos disponíveis, poderá instalar o Docker Toolbox que usa o Virtualbox para executar o Appwrite em uma máquina virtual.

Quando a instalação estiver concluída, você estará pronto para acessar o console do Appwrite. Para isso, você precisa abrir o localhost. Você verá algo semelhante à imagem a seguir.

O próximo passo será criar uma conta e fazer login nela.

O próximo passo é criar um banco de dados. Esse banco de dados armazenará os detalhes de todos os usuários que entrarão em seu produto ou usarão recursos em seu produto. Para criar um banco de dados, clique no botão Banco de Dados .

A tela final será semelhante à imagem a seguir:

Na próxima etapa, clique em Adicionar coleção e dê um nome à sua coleção. Em seguida, clique no botão Criar e sua coleção está criada!

Você também pode gerenciar permissões e configurar algumas funções para sua coleção.

Estamos quase terminando o aplicativo Appwrite, agora antes de passarmos para o React, precisamos anotar algumas informações importantes do console do Appwrite.

Vá para as configurações do seu projeto clicando no botão de configurações. Você encontrará informações como ID da coleção, ID do projeto e API Endpoint. Essas coisas serão úteis ao configurar o React.

Agora terminamos a configuração do Appwrite, vamos para o React agora.

Configurando o React

Instale node e npm em seu sistema, se ainda não tiver.

Para instalar o Node , visite aqui

Para instalar o NPM visite aqui

Agora, quando você tiver tudo instalado. Execute o comando a seguir para criar o aplicativo de reação.

npx create-react-app my-app

Para instalar essa dependência, execute o seguinte comando em seu terminal/prompt de comando.

npm i appwrite

Para instalar react-router-domuma dependência, execute o seguinte comando em seu terminal/prompt de comando.

npm i react-router-dom

Vamos dar uma olhada em como inicializar o Appwrite web SDK

E é basicamente isso. Após este ponto, tudo é semelhante ao que fazemos em outros lugares.

Appwrite torna a vida muito mais fácil e atende muito bem ao propósito. Não apenas com React , o Appwrite funciona com Vue , Angular , Svelte , Flutter , Android , Apple e outros.

Visite o site oficial do Appwrite para obter informações aqui

Você pode conferir mais alguns tutoriais em sua documentação oficial, onde eles explicaram cada processo e passo em detalhes, documentação oficial .

Appwrite tem um ótimo suporte da comunidade, se você tiver alguma dúvida, responda no servidor do discord ❤️

Dê um joinha , se você aprender algo novo! Compartilhe seus pensamentos sobre o Appwrite ou sua experiência com o Appwrite na seção de comentários