Zopher

AWS Amplify 및 Expo로 기본 트위터 앱을 반응합니다

이 프로젝트는 React Native 프론트 엔드를 사용자 인증 (AWS Cognito)과 클라이언트와 데이터베이스 (Amazon DynamoDB) 간의 CRUD 작업을위한 GraphQL API (AWS AppSync)와 AWS 증폭 백엔드와 통합합니다.

앱 개요

• 사용자는 앱에 가입/입력 할 수 있습니다.

• 사용자는 추가 버튼을 눌러 모달 내부에 쓰고 제출을 누르면 게시물을 작성할 수 있습니다.

• 사용자는 게시물을 좋아하거나 좋아할 수 있습니다.

• 사용자는 자신의 게시물을 삭제할 수 있습니다.

• 사용자는 다음과 같이 게시물 피드를 업데이트 할 수 있습니다.

  • 다시로드 버튼을 누릅니다.
  • 풀로 풀어 공연.

전제 조건

• 엑스포 클리

  • 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

몇 분 동안 자동화 된 운영 후, Amplify CLI는 Amazon Cognito 사용자 풀 및 Identity Pool을 생성하여 사용자 Crendentials 및 AWS AppSync GraphQL API를 저장하여 클라이언트와 서버 간의 CRUD 작업을 허용합니다.

응용 프로그램 실행

1. 클라이언트 종속성을 설치합니다.

 yarn

# or

npm install

2. 프로젝트 디렉토리 아래에서 시뮬레이터에서 React Native 앱을 시작하십시오.

 expo start --ios

# or

expo start --android

단계별 튜토리얼

• 중간 스토리에서 전체 설정 프로세스를 확인하십시오.
• 여기에서 데모에 대한 비디오 링크.