ReactNativeAuth

Reaja o aplicativo de autenticação nativa

Fluxo completo de autenticação do usuário para aplicativos móveis com react nativo, expo, AWS Amplify, React-Navigigy e Native-Base.

Visão geral

As tecnologias usadas neste aplicativo são as seguintes:

• A navegação é feita com: Navigação do React.

• Front -end: Expo.

• Layout: Base nativa.

• Back -end: AWS Amplify.

Fluxo de autenticação

• Os usuários são levados para a tela de boas -vindas.

• Os usuários podem se inscrever, fazer login, solicitar uma alteração de senha, navegar entre as telas.

• A entrada de telefone internacional está incluída na tela de inscrição.

• Os usuários são redirecionados para a tela inicial após o login.

• Os usuários podem navegar entre as telas usando o Navigator da guia inferior ou o navegador da gaveta.

• Os usuários são mantidos conectados até que saem do aplicativo.

Pré -requisitos

• Expo cli

  • npm install -g expo-cli

• Conta da AWS

• Nó JS com NPM

• AWS Amplify CLI

  • npm install -g @aws-amplify/cli
  • amplify configure (link para um vídeo passo a passo).

Configurando o projeto

1. Clone este repositório para sua máquina local.

 git clone https://github.com/yhenni1989/ReactNativeAuth.git

cd ReactNativeAuth

2. Inicialize o projeto AWS Amplify.

 amplify init

Siga as mesmas instruções abaixo.

3. Configure um pool de usuários da Amazon Cognito para armazenar credenciais dos usuários.

 amplify add auth

# When prompt, choose: Yes, use the default configuration.

4. Hora de implantar seu projeto na AWS.

 amplify push

Are you sure you want to continue? Yes

Após alguns minutos de operações automatizadas, a CLI da Amplify criará um pool de usuários Amazon Cognito e um pool de identidade para armazenar os usuários Crendentnciais.

Executando o aplicativo

1. Instalar dependências do cliente.

 yarn

# or

npm install

2. Inicie o aplicativo nativo do React em seu simulador no seu diretório de projeto.

 expo start --ios

# or

expo start --android

Tutorial passo a passo

• Uma série completa de artigos detalhando o processo de construção deste aplicativo pode ser encontrada aqui.

• Um vídeo de demonstração do fluxo de autenticação é encontrado aqui.