UI 애플리케이션용 Cognito 설정 가이드

인증은 많은 애플리케이션에 필요한 공통 기능이지만 가장 민감한 기능 중 하나이기도 합니다. 누군가가 접근해서는 안 되는 것에 접근하는 것을 원하지 않습니다. 또는 누군가가 해야 할 일을 하지 않아도 됩니다. 자체적으로 구축할 수 있지만 이미 완료되고 테스트된 솔루션이 있는데 왜 바퀴를 재발명해야 합니까? Cognito은 해당 기능을 제공할 수 있는 Amazon 및 AWS의 일부에서 만든 도구입니다. 약간의 문제가 설정되었을 수 있습니다. 매우 자세하지만 AWS 설명서는 너무 많고 혼란스러울 수 있습니다. 이 게시물에서는 웹 애플리케이션에서 이를 수행하는 방법을 단계별로 설명합니다.

의존

시작하기 전에 AWS CLI 라이브러리를 설치해야 합니다. 다음 CLI 명령을 실행하여 이를 수행할 수 있습니다.

npm install -g @aws-amplify/cli

설치가 완료되면 로컬 시스템을 AWS 계정에 연결해야 합니다. 이를 위해 다음 명령을 실행합니다.

amplify configure

이 명령은 일부 CLI 프롬프트를 제공하고 브라우저를 열어 사용자를 생성할 수도 있습니다IAM. 이에 대한 자세한 내용을 읽을 수 있습니다here.

UI 앱 설정

1단계: 프로젝트 초기화

이미 프로젝트가 생성되어 있을 수 있습니다. 그러나 Cognito 지원을 추가하려면 이를 증폭 프로젝트로 초기화해야 합니다. 다음을 실행하면 됩니다.

amplify init

이 명령을 실행할 때 amplify가 올바른 설정을 수행하는 데 필요한 몇 가지 질문에 답해야 합니다. 각 질문에는 답변 옵션 목록도 있습니다. 이러한 질문은 다음과 같습니다.

프로젝트 이름 입력

환경 이름을 입력하십시오

.

기본 편집기 선택

빌드 중인 앱 유형을 선택했습니다

.

어떤 자바스크립트 프레임워크를 사용하고 있습니까

소스 디렉터리 경로

배포 디렉터리 경로

빌드 명령

시작 명령

AWS 프로필을 사용하시겠습니까

사용할 프로필을 선택하세요.

일부 질문의 경우 기본 제공된 답변을 그대로 둘 수 있습니다. 명령 1, 디렉토리, 프레임워크 및 환경은 사용자의 선택에 따라 다릅니다. 이름의 경우 무엇이든 선택할 수 있지만 사용자 풀 이름에 영향을 미칩니다.

2단계: 인증 추가

인증 구성을 추가하는 것은 하나의 명령으로 이루어집니다.

amplify add auth

이 명령은 또한 몇 가지 질문을 유발합니다. 굵게 표시된 답은 다음과 같습니다.

기본 인증 및 보안 구성을 사용하시겠습니까? 기본 구성

사용자가 어떻게 로그인할 수 있기를 원하십니까? 사용자 이름

고급 설정을 구성하시겠습니까? 아니요, 끝났습니다.

3단계: 구성 푸시

현재 로컬 구성이 있지만 사용자 풀이 아직 존재하지 않습니다. AWS 콘솔로 이동하여 확인하면 풀이 없습니다. 이를 위해 다음을 실행해야 합니다.

amplify push

이 명령을 완료하는 데 몇 분 정도 걸릴 수 있습니다. 하지만 지금 AWS 콘솔에서 사용자 풀 목록을 확인하면 이 프로젝트에 새로 추가된 사용자 풀이 있습니다. 이제 JavaScript 프로젝트에서 사용을 시작할 수 있습니다.


자세한 내용은 , , GitHub 또는 에서 나를 팔로우할 수 있습니다.