Zopher

與AWS放大和博覽會有關本機的Twitter應用程序

該項目將一個具有用戶身份驗證（AWS Cognito）的AWS放大後端集成了React本機前端，並且用於客戶端和數據庫（Amazon DynamoDB）之間的CRUD操作，該項目具有用戶身份驗證（AWS Cognito）和GraphQL API（AWS Appsync）。

應用概述

• 用戶可以註冊/進入該應用程序。

• 用戶可以通過按添加按鈕，在模態內寫入並按提交來創建帖子。

• 用戶可以喜歡/與帖子不同。

• 用戶可以刪除自己的帖子。

• 用戶可以通過：

  • 按重新加載按鈕。
  • 執行拉力到倒數。

先決條件

• 博覽會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/Zopher.git

cd Zopher

2. 將AWS放大依賴項添加到您的項目中。

 yarn add aws-amplify aws-amplify-react-native

# or

npm install aws-amplify aws-amplify-react-native

3. 初始化AWS放大項目。

 amplify init

遵循與以下相同的說明。

4. 配置Amazon Cognito用戶池以存儲用戶憑據。

 amplify add auth

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

5. 添加API服務以使用GraphQL並將數據存儲在Amazon Dynammodb中。

 amplify add api

請按照以下配置。

6. 是時候將您的項目部署到AWS了。

 amplify push

經過幾分鐘的自動操作後，放大CLI將創建一個Amazon Cognito用戶池和身份池，以存儲用戶crendentials和AWS AppSync GraphQl API，以允許客戶端和服務器之間的CRUD操作。

運行應用程序

1. 安裝客戶端依賴。

 yarn

# or

npm install

2. 在項目目錄下的模擬器中啟動React Native應用程序。

 expo start --ios

# or

expo start --android

逐步教程

• 在中等故事中查看完整的設置過程
• 演示的視頻鏈接。