728x90
반응형
https://growth-coder.tistory.com/149
이전 포스팅에서 Lambda와 rds를 연동해서 간단한 회원가입 코드를 만들어보았다.
그런데 아직 외부 자바스크립트나 postman을 통해서 이 함수를 실행할 수는 없다.
이를 위해서는 API gateway를 연결해서 API를 배포해야한다.
https://growth-coder.tistory.com/148
Lambda와 API gateway를 연결하는 것은 이전 포스팅과 거의 동일하지만 복습 차원에서 한 번 더 해보려한다.
API gateway에 접속해서 API 생성을 누른다.
4가지 유형 중 3번째 REST api를 선택한다.
이름을 정하고 생성한다.
리소스 생성을 누른다.
외부에서 접속할 수 있어야 하므로 CORS 활성화를 체크하고 경로를 /join으로 리소스를 생성한다.
이제 메소드를 생성하는데 POST로 선택한다.
이전 포스팅에서 만든 rds와 연동한 lambda 함수를 선택한다.
만든 POST 메소드를 선택하고 CORS 활성화를 한다.
API를 배포한다.
이전에 만든 스테이지가 있다면 선택하고 없다면 새로 만든다.
이제 url을 확인할 수 있다.
이제 테스트할 자바스크립트 파일과 이를 실행할 html 파일을 만든다.
<join.js>
fetch("url/join", {
method: "POST",
body: JSON.stringify({
username: "name",
password: "pwd",
}),
})
.then((response) => response.json())
.then((result) => console.log(result));
<join.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script src="join.js"></script>
</html>html 파일을 열어서 콘솔 창을 확인해본다.
CORS 에러가 발생하지 않고 성공 메시지를 콘솔 창에 출력하는 모습을 볼 수 있다.
728x90
반응형
'공부 > AWS' 카테고리의 다른 글
| [AWS][Lex] Amazon Lex 사용해서 챗봇 구현하기 (1) (0) | 2023.04.13 |
|---|---|
| [AWS] 프리티어 계정 Elastic Compute Cloud 요금 발생 (0) | 2023.04.09 |
| [AWS][Lambda] Lambda와 RDS 연동하기 (3) (0) | 2023.04.06 |
| [AWS][Lambda] API gateway와 Lambda 함수 연결해서 api 배포하기 (2) (0) | 2023.04.04 |
| [AWS][Lambda] Lambda 개념 및 Lambda 함수 생성 방법 (1) (0) | 2023.04.02 |
댓글