프론트엔드와 백엔드 통신 질문입니다. aws

Question

안녕하세요 질문이 있습니다.public subnet 에는 react를그리고 private subnet에는 spring을 올렸는데요이제 public 에 있는 react에서 특정 api 호출이 필요한 상황 (로그인 login) 을spring으로 요청하고 싶은데 어떤 설정을 해야하는걸까요??? react 코드 내부에 백엔드 요청하는 부분을 public ec2ip:8080 으로 한다음 nginx에서 8080으로 들어온 요청을 reverse proxy 해서 public subnet으로 보내는 방법은 완전 틀린방법인가요???너무 안되서 이렇게 질문남깁니다...

개발잡부 · Answer

리버스 프록시를 하셨으면프론트에선 ec2ip로 보내고(포트번호x)nginx에서는 (프론트의 포트번호) ==> (백엔드의 포트번호)로 보내줘야죠근데 그거랑별개로 일단 프론트에서 ec2ip로 보내지는지(콘솔확인)백엔드에서 요청이 들어오는지를봐야정확한 원인을 알 수 있지 않을까요

양반후반 · Answer

react가 어디 있던 그건 상관이 없습니다. api 호출은 사용자 브라우저에서 하는거지 react가 있는 서버에서 하는것이 아닙니다.사용자 브라우저에서는 프라이빗 존에 있는 api서버에 직접 호출을 할 수 없습니다. 로드밸런서를 붙이시고 react에서 엔드포인트를 로드밸런서로 잡으시면 됩니다.

Troublelift · Answer

추천: 엔진엑스를 사용하지말아라. 엔진엑스는 큰거한대에 여러개의 프로세스로 띄웠을때 예전에 많이 사용하던 소프트웨어의 느낌이 저는 있는 것 같습니다. AWS 로드발란서가 훨씬 편할겁니다. 요즘은 Docker로 말아서 작은거 한대에 하나씩 띄우고 그걸 Horizontally Scale(작은걸 여러대 띄우는) 구조가 많아서, 이걸 추천합니다. 그냥 EC2 instance를 Public에 띄워라. Client-Side Rendering의 경우, 인터넷에 접근 가능한(Public Subnet)에 있는 애들만 접근이 가능합니다. 만약 인프라 공부중 이시라면, 다음을 꼭 지켜주세요Application Load Balance(Layer 7 / HTTP / HTTPS)를 Public Subnet에 두고 리액트가 이 LB의 URL을 찌릅니다. 보통 443(HTTPS) 이나 80(HTTP)포트로 찌르구요. Private Subnet에 있는 Spring 서버에다가 리스너를 설정하면 됩니다.시큐리티 그룹은 ALB SG는 모든 IP에대해 열어야하고EC2 SG는 일단 모든 IP에 열고 테스트 LB가 존재하는 Subnet의 CIDR 블록을 ALLOW 하면 됩니다. Referenced Security Group이라고 특정 SG를 단 애들만 나의 SG를 찌를 수 있게 하는게 있습니다. --> LB 가 아닌 그 어떤 트래픽도 받지 않음대충 이정도인데, 모르겠으면 CHATGPT-4로 제가 올린거를 천천히 이해시켜달라고 하시면 됩니다. 요즘은

프론트엔드와 백엔드 통신 질문입니다. aws

3개의 답변

기술 목록