ReactNativeAuth

Реагировать на собственное приложение аутентификации

Полный поток аутентификации пользователей для мобильных приложений с REACT Native, Expo, AWS Amplify, React-Navigation и собственной базой.

Обзор

Технологии, используемые в этом приложении, являются следующими:

• Навигация выполняется с: React-Navigation.

• Фронт: выставка.

• Метка: родная база.

• Задняя часть: AWS Amplify.

Поток аутентификации

• Пользователи доставляются на экране приветствия.

• Пользователи могут зарегистрироваться, войти в систему, запросить изменение пароля, перемещаться между экранами.

• Международный ввод телефона включен в экран регистрации.

• Пользователи перенаправляются на домашний экран после входа в систему.

• Пользователи могут перемещаться между экранами, используя навигатор «Навигатор» или «Навигатор ящика».

• Пользователи продолжаются войти в систему до тех пор, пока они не войдут из приложения.

Предварительные условия

• Expo Cli

  • npm install -g expo-cli

• Учетная запись AWS

• Узел JS с NPM

• AWS Amplify CLI

  • npm install -g @aws-amplify/cli
  • amplify configure (ссылка для пошагового видео).

Настройка проекта

1. Клонировать это репо своей местной машине.

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

cd ReactNativeAuth

2. Инициализировать проект AWS Amplify.

 amplify init

Следуйте тем же инструкциям, что и ниже.

3. Настройте пользовательский бассейн Amazon Cognito для хранения учетных данных пользователей.

 amplify add auth

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

4. Время развернуть ваш проект в AWS.

 amplify push

Are you sure you want to continue? Yes

Через несколько минут автоматических операций Amplify CLI создаст пул пользователей и идентификации Amazon Cognito для хранения пользователей Crendentials.

Запуск приложения

1. Установить клиентские зависимости.

 yarn

# or

npm install

2. Запустите приложение React Native в вашем симуляторе под вашим каталогом проекта.

 expo start --ios

# or

expo start --android

Пошаговый учебник

• Полную серию статей с подробным описанием процесса строительства этого приложения можно найти здесь.

• Демонстрация потока аутентификации находится здесь.