[Basic Web Application 구축하기(3)] - 웹 앱에서 서버리스 함수 연결

목표

Amazon API Gateway를 사용해 웹 클라이언트에서 Lambda 함수를 직접적으로 호출할 수 있는 RESTful API를 생성하자.

 API Gateway는 Basic Web Application 구축하기(1)에서 생성한 HTML 클라이언트와 Basic Web Application 구축하기(2)에서 생성한 서버리스 백엔드 사이의 중간 계층 역할을 한다.

 

새 REST API 생성

API Gateway 콘솔

 

REST API 구축

 

API 세부 정보 작성

API 이름 작성

엔드포인트 유형 : 엣지 최적화 (엣지 최적화는 지리적으로 분산된 클라이언트에 가장 적합함)

 

새 리소스 및 메서드 생성

메서드 생성 클릭

 

메서드 세부 정보 입력

원하는 메서드 유형을 선택하고, 통합 유형은 Lambda함수로 한다.(이전에 작성한 lambda함수를 적용하기 위해)

함수를 만들 때 선택한 리전을 선택하고 HelloWorldFunction을 입력한다.

작성 완료 후 메서드 생성 클릭한다.

메서드가 생성된 걸 확인할 수 있다.

 

CORS 활성화

 

API 배포

배포 완료 후 URL 호출의 URL을 복사해 놓아야 한다. 이후 단계에서 필요하기 때문이다.

 

API 검증

요청 본문에 스크립트를 작성하고 테스트를 한다.

200이 포함된 응답이 표시되면 테스트 성공이다.

 

애플리케이션 아키텍처

API Gateway를 추가하고 기존 Lambda함수에 연결했다. 이제 API 호출을 통해 해당 함수를 트리거 할 수 있으나 아직 웹 클라이언트에선 이 호출을 생성할 수 없다. DB가 없기 때문이다. 다음엔 데이터 테이블을 추가하는 작업을 진행할 것이다.