통신 Fetch API (CORS 극복을 위한 노력)

황제낙엽 2021.12.05 17:39 조회 수 : 26

sitelink1 https://developer.mozilla.org/ko/docs/Web/API/Fetch_API 
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

웹 클라이언트에서 도메인이 다른 두 서비스의 자원을 접근할 수 있는 방법을 찾고 있다

당연히 cors 이슈가 있으므로 클라이언트에서 이를 극복할 수 있는 방법을 모색하고 있다

그래서 찾아낸 문서들중 Fetch API 기술에 대해 알게 되었다 (javascript를 손놓은지 너무 오래되었나보다)

3개의 문서를 통해 cors 극복을 위한 방안이 몇가지 있으며 그에 수반되는 기술들로 무엇이 필요한지 알게 되었다

그리고 cors를 우회하기 위해서는 반드시 서버와의 연계가 필연적이다 (예전에도 그랬었는데...아직도네)

결국 필요한 서비스들은 open api 형태로 서비스 연결시 cors가 가능하도록 서버 환경을 적용하는 부분으로 정책 결정을 해야 한다

하지만 운영중인 서비스의 환경에 cors 적용이 불가한 경우를 위해 proxy 서비스 운용에 대해서도 검토중이다

가령 cors가 가능한 서버를 준비해두고 해당 서버에서 http client request 로 타 서비스의 데이터를 끌어와 데이터를 포워딩 해주는 방법을 고안하고 있다

 

그리고 기존의 전통적인 ajax 통신 객체인 XMLHttpRequest 대신 Fetch API를 이용한다

다만 이를 위해서는 ES6를 지원하는 최신 브라우저로만 제약을 두기로 한다

 

이 게시물을
목록
번호 제목 글쓴이 날짜 조회 수
37 withCredentials 관련 황제낙엽 2020.07.29 39
36 window.postMessage() 황제낙엽 2020.07.29 303
35 Strict 모드 황제낙엽 2020.08.23 10
34 비동기프로그래밍 - 콜백함수(Callback function) file 황제낙엽 2020.08.26 33
33 Json 특징 및 문법 황제낙엽 2021.01.26 11
32 콜백지옥과 비동기제어 file 황제낙엽 2021.02.18 63
31 [GitHub] JavaScript Algorithms and Data Structures (알고리즘과 자료구조) file 황제낙엽 2021.03.01 11
30 Early return, early exit - 스크립트 가독성 개선 팁 황제낙엽 2021.03.07 19
29 Function declaration 과 Function expression 의 차이 황제낙엽 2021.03.07 10
28 함수 Call Stack 디버깅을 위한 함수 선언 팁 황제낙엽 2021.03.07 9
27 Arrow function 황제낙엽 2021.03.07 8
26 IIFE (Immediately Invoked Function Expression) 황제낙엽 2021.03.07 14
25 자바스크립트 학습용 유튜브 강의 (드림코딩 by 엘리) 황제낙엽 2021.03.07 122
24 자바스크립트(Javascript) escape, encodeURI, encodeURIComponent 인코딩 함수 황제낙엽 2021.04.27 34
23 XMLHttpRequest Specification 황제낙엽 2021.04.29 11
22 문자열에서 역슬래시(backslash) 문자와 유니코드(Unicode)에 대한 고찰 file 황제낙엽 2021.06.03 160
21 client 통신 기술 jquery ajax, fetch, axios 황제낙엽 2021.12.05 8
20 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 139
19 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 231
» Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 26
쓰기 태그