웹 앱 웹 서버, 사용자 인증, 데이터베이스는 어떻게해야합니까?

소개

이번에는 웹 응용 프로그램의 서버 측, 웹 서버, 사용자 인증 및 데이터베이스를 사용할 수있게되는 자습서를 소개합니다.
아직 웹 앱의 프런트 사이드를 만들지 않은 사람도 괜찮습니다. 템플리가 준비되어 있습니다.

소개하는 자습서는 여기 Amazon의 AWS라는 서비스를 사용합니다.
준비하는 것은 AWS 계정 (무료로 만들 수 있습니다). AWS 무료 이용 프레임에서이 자습서를 사용할 수 있습니다.

그럼 갑시다! 매우 간단합니다.

AWS 서비스

사용하기 쉬운 서비스 설명.

웹 앱이므로 브라우저에서 표시하는 HTML이나 CSS 등의 파일이 있습니다. 이러한 파일은 S3(위 그림의 ①)이라는 웹 서버에 저장합니다.

사용자의 관리 및 인증은 Cognito(②)에서 실시합니다. 이번에는 이메일 주소와 비밀번호로 인증합니다.

웹 사이트에서 데이터베이스로 업로드하는 메커니즘을 만들기 위해 API Gateway ④, Lambda ⑤, DynamoDB ⑥를 사용하십시오 (각 설명은 나중에 설명 함).

튜토리얼 소개

AWS 튜토리얼을 실행하면 웹 앱 웹 서버, 사용자 인증 및 데이터베이스의 작동 방식을 이해할 수 있습니다.
그러나 AWS 튜토리얼에는 약간의 절차가 있으므로 목적과 흐름을 먼저 이해하십시오.

튜토리얼의 목적

만드는 웹 앱에서는 먼저 이메일 주소와 비밀번호로 사용자 인증을 할 수 있습니다. 한층 더 웹사이트상의 지도를 클릭하면, 그 지점에 승마의 요청을 보낼 수 있고, 거기에 말 아이콘이 달려 온다는 웹 앱입니다. .
튜토리얼의 목적은 웹 서버에 HTML과 같은 파일 (템플리가 제공됨)을 놓고 사용자 인증을 만들고 데이터베이스에 액세스 (승마 요청)하는 것입니다.

튜토리얼의 흐름

1. 웹 사이트의 파일을 웹 서버에 업로드하고 게시

a. 웹 사이트 파일 (HTML, CSS, JavaScript 등)을 웹 서버 (S3)에 업로드합니다.
b. 익명 사용자가 웹 서버에 액세스할 수 있도록 합니다.
c. URL에서 웹 서버에 액세스 할 수 있습니다.

2. 사용자 관리 및 인증 메커니즘을 만듭니다.

a. 사용자를 관리하는 폴더 (Cognito 사용자 풀)를 만듭니다.
b. 웹 사이트에서 액세스 할 수 있습니다 (메어드 및 암호 인증 설정은 업로드 된 파일에 설명 됨).

3. 데이터베이스에 액세스하는 프로세스 만들기

a. 승마 요청을 하기 위한 데이터베이스(DynamoDB 버킷)를 준비한다.
b. 승마 요청을 올리고 말 아이콘을 보내는 처리 (Lambda 함수)를 만듭니다.
c. 웹 사이트에서 b 처리를 호출하는 메커니즘 (API 게이트웨이 API)을 만듭니다.

이상의 흐름을 의식하면서, 꼭 튜토리얼를 해 보세요!