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

逐步教程

• 可以在此處找到一系列詳細介紹此應用程序建築過程的文章。

• 此處找到了身份驗證流的演示視頻。