sitelink1 | https://developer.mozilla.org/ko/docs/Web/API/Fetch_API |
---|---|
sitelink2 | |
sitelink3 | |
sitelink4 | |
extra_vars4 | |
extra_vars5 | |
extra_vars6 |
웹 클라이언트에서 도메인이 다른 두 서비스의 자원을 접근할 수 있는 방법을 찾고 있다
당연히 cors 이슈가 있으므로 클라이언트에서 이를 극복할 수 있는 방법을 모색하고 있다
그래서 찾아낸 문서들중 Fetch API 기술에 대해 알게 되었다 (javascript를 손놓은지 너무 오래되었나보다)
- client 통신 기술 jquery ajax, fetch, axios
- CORS 의 내용과 이에 대한 우회 방안들
- 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류
3개의 문서를 통해 cors 극복을 위한 방안이 몇가지 있으며 그에 수반되는 기술들로 무엇이 필요한지 알게 되었다
그리고 cors를 우회하기 위해서는 반드시 서버와의 연계가 필연적이다 (예전에도 그랬었는데...아직도네)
결국 필요한 서비스들은 open api 형태로 서비스 연결시 cors가 가능하도록 서버 환경을 적용하는 부분으로 정책 결정을 해야 한다
하지만 운영중인 서비스의 환경에 cors 적용이 불가한 경우를 위해 proxy 서비스 운용에 대해서도 검토중이다
가령 cors가 가능한 서버를 준비해두고 해당 서버에서 http client request 로 타 서비스의 데이터를 끌어와 데이터를 포워딩 해주는 방법을 고안하고 있다
그리고 기존의 전통적인 ajax 통신 객체인 XMLHttpRequest 대신 Fetch API를 이용한다
다만 이를 위해서는 ES6를 지원하는 최신 브라우저로만 제약을 두기로 한다