AJAX없이 외부 API에 POST 하는 방법이 있을까요...???

Question

안녕하세요초보 웹퍼블리셔 입니다. 여러분들도 한 번쯤 경험을 해보거나 상상을 해보셨으리라 생각합니다.쇼핑몰에서 뭔가를 구매하면 'SMS'로 내 구매내역이 날아오는 것을요. 저도 해당 서비스를 이용하기 위해 우리가 모두 다 아는 N모 회사의 클라우드 서비스를 신청했고,secret키를 받았습니다. 좋아.이제 AJAX(fetch axios 포함) 를 사용해서 N사 API에 POST 요청을 보내면 되겠군. 이게 웬걸? CORS 경고가 뜨는겁니다.분명히 URL도 정확하게 넣었고, hash 키도 제대로 넣었는데말이죠. 그래서 해당회사에 문의 했더니.......... ------------- XXX API는 CORS(Cross-Origin Resource Sharing)를 허용하지 않아 Ajax와 같이 프론트 환경에서 호출은 불가능합니다. javascript 환경에서 사용하시려면, 동일 도메인을 갖는 backend 서버를 두고, 이 서버에서 API를 호출하는 방식으로 사용 부탁 드립니다.------------ 라는 답변이 왔습니다. 아니.. AJAX없이 남의 회사 API를 호출한다고...???프론트에서 호출이 불가능 하다고 해도 백엔드에서도 http프로토콜의 request를 쓴다는 점은 똑같을텐데 백엔드에서 도대체 뭘 사용해서 API에 접근하라는건지 도저히 이해가 가지 않습니다.(관련해서 해당 담당자에게 질문을 너무 했지만 이 이상은 도움이 어렵다고 합니다...) 참고로 제가 제작한 쇼핑몰은 React &#43; nodejs(express) &#43; mongoDB 환경입니다. 백엔드에서 호출하라고 하는거보면express 서버에서 어떤 코드를 사용해서 외부 API를 호출하라는 말인 것 같은데,도저히 이해가 가지않습니다. CORS를 신경쓰지 않는 백엔드만의 요청방식이 있다니...퍼블리셔인 저로서는 도저히 구글에 뭐라 검색해야할지 감도 안잡힙니다. 부디 이부분에 대해 알고계신 분은아주 작은 힌트라도 주시면 감사하겠습니다. (제 생각엔 require를 써서 뭔가 하는 것 같긴한데...어떻게 접근해야할지 모르겠습니다...)

worker ant · Accepted Answer

상상을 해봅시다.프론트엔드에서 호출을 한다는건 비밀키가 사용자에게 공개되어 있다는 뜻이고,그건 사용자가 그 비밀키로 api를 이용할 수 있다는 이야기입니다.당연히 백엔드에서 처리해야 합니다. cors는 사용자의 보호를 위해 브라우저에서 거는 제약입니다.그리고 백엔드는 브라우저 환경이 아닙니다. 많은 nodejs 백엔드는 다른 서비스의 http api를 사용합니다.물론 기본 모듈을 이용해서 호출하고, axios 같은 클라이언트는 사용하기 편하게 확장한 라이브러리일 뿐입니다.

Henry7 · Answer

구글에 다음과 같이 검색하시면 됩니다.nodejs http 라이브러리

S_J · Answer

express post request 라고만 검색해도 참고 자료 많이 나와요

worker ant · Answer

어떤 상황에서도 credential은 노출되어서는 안됩니다.

하얀뼈 · Answer

다들 감사합니다.이제서야 다른 오류를 내뿜내요 ㅠㅠ CORS가 아닌 401에러.... 그냥 axios를 nodejs 환경에서 굴리면 되는거였습니다....다들 감사합니다....

AJAX없이 외부 API에 POST 하는 방법이 있을까요...???

5개의 답변

#sms 목록