ReactNativeAuth

React本地身份验证应用程序

使用React Native，Expo，AWS放大，React-Navigation和Native Base的移动应用程序的完整用户身份验证流。

概述

该应用中使用的技术如下：

• 导航是通过：反应范围进行的。

• 前端：博览会。

• 布局：本地基础。

• 后端：AWS放大。

身份验证流

• 用户被带到欢迎屏幕。

• 用户可以注册，登录，请求更改密码，在屏幕之间导航。

• 国际手机输入包含在注册屏幕中。

• 登录后，用户将重定向到主屏幕。

• 用户可以使用底部选项卡导航器或抽屉导航器在屏幕之间导航。

• 用户将继续登录，直到他们从应用程序中登录。

先决条件

• 博览会CLI

  • npm install -g expo-cli

• AWS帐户

• NPM节点JS

• AWS放大CLI

  • npm install -g @aws-amplify/cli
  • amplify configure （链接逐步视频）。

配置项目

1. 克隆此存储库到您当地的机器。

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

cd ReactNativeAuth

2. 初始化AWS放大项目。

 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

经过几分钟的自动操作，放大CLI将创建一个Amazon Cognito用户池和身份池，以存储用户的汇率。

运行应用程序

1. 安装客户端依赖。

 yarn

# or

npm install

2. 在项目目录下的模拟器中启动React Native应用程序。

 expo start --ios

# or

expo start --android

逐步教程

• 可以在此处找到一系列详细介绍此应用程序建筑过程的文章。

• 此处找到了身份验证流的演示视频。