Essa aplicação foi desenvolvida para fins educacionais e experiência.
Multi OAuth Example App é um aplicativo cross-platform desenvolvido com React Native 0.71.8 onde o usuário pode se cadastrar ou realizar uma autenticação com diferentes provedores oauth para se cadastrar ou logar na mesma conta de usuário na aplicação baseado no email oauth do provedor (Google, Twitter e etc). Também é possível alterar a senha e listar atividades de autenticação de outros usuários.
multi-oauth-app-example.mp4
Note que essa aplicação foi desenvolvida baseado em um contexto mais ou menos de como é praticado em um cenário real: com um fluxo de deploy automatizado para o servidor onde a aplicação está hospedada. Nesse caso, usando GitHub Actions a cada criação de tag no repositório.
Além disso, essa aplicação é gerenciada através de uma API externa cujo repositório encontra-se também no meu perfil CarlosSLoureiro/multi-oauth-react-native-api .
- Feito em TypeScript
- Ambiente de desenvolvimento com Expo
- Utilizando NativeBase para os componentes
- Testes unitários com Jest
- Suporte a modo escuro
- Compatível com Android, iOS e WEB
- Fluxo de deploy da versão WEB automatizado com GitHub Actions
Antes de começar, para executar a aplicação você precisará ter o Node.js (npm) instalado em sua máquina. Além disso, para testar a aplicação você também precisará ter um device iOS ou Android físico com o aplicativo Expo Go instalado (disponível na AppStore e PlayStore). Também é possível testar através de algum device/simulador iOS ou Android, basta instalar o XCode ou Android Studio e configurar os devices.
Versões utilizadas para desenvolver a aplicação: NodeJS 19.9, XCode 14.3 e Android Studio 2021.3.1.
Para instalar, executar e testar o Multi OAuth Example App, siga estas etapas:
-
Faça uma cópia do arquivo
.env.examplepara.env. -
Instale as dependências:
npm install
- Execute a aplicação e siga a orientação do que aparecerá no terminal:
npm start
Note que o URL da API no arquivo .env da aplicação estará apontado para minha própria API para ser usada como exemplo (https://api-multi-oauth-react-native.carlosloureiro.xyz). Também está configurada para decodificar os dados passado da API para a aplicação via deep link com o Salt md9yImbtHcWC8Q0M.
Acesse e confira a documentação da API no Swagger: https://api-multi-oauth-react-native.carlosloureiro.xyz/swagger/
Caso vc queira executar API localmente com sua própria base de dados e salt personalizado, confira também o repositórío da API: CarlosSLoureiro/multi-oauth-react-native-api
.
Esse projeto está sob licença. Veja o arquivo LICENÇA para mais detalhes.