Zopher

AWS AmplifyとExpoを使用してネイティブTwitterアプリを反応します

このプロジェクトは、クライアントとデータベース間のCRUD操作（Amazon Dynamodb）のCRUD操作のために、ユーザー認証（AWS Cognito）とGraphQL API（AWS AppSync）を備えたAWS AmplifyバックエンドとReactネイティブフロントエンドを統合します。

アプリの概要

• ユーザーはアプリにサインアップできます。

• ユーザーは、追加ボタンを押し、モーダル内に書き込み、送信を押すことで投稿を作成できます。

• ユーザーは投稿を好む/異なる可能性があります。

• ユーザーは自分の投稿を削除できます。

• ユーザーは、投稿フィードを次のように更新できます。

  • リロードボタンを押します。
  • Pull-to-Refreshを実行します。

前提条件

• 博覧会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 Amplify依存関係を追加します。

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

# or

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

3. AWS Amplifyプロジェクトを初期化します。

 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

数分間の自動操作の後、Amplify CLIはAmazon CognitoユーザープールとIDプールを作成し、ユーザーのクレンディングとAWS AppSync GraphQL APIを保存して、クライアントとサーバー間のCRUD操作を可能にします。

アプリケーションの実行

1. クライアントの依存関係をインストールします。

 yarn

# or

npm install

2. プロジェクトディレクトリの下で、シミュレーターでReactネイティブアプリを起動します。

 expo start --ios

# or

expo start --android

ステップバイステップのチュートリアル

• ミディアムストーリーの完全なセットアッププロセスをチェックしてください
• ここのデモのビデオリンク。