Firebase3 [Firebase] Firebase를 이용한 API 호출 - 3 1. 무료 요금제로 배포해보기 이전 포스트에서는 로컬환경에서 Functions를 활용해서 오픈 API를 호출했었고 잘 작동했죠. 그럼 이번에는 외부 api를 호출하는 Funcitons를 Spark 요금제인 상태로 배포하면 어떻게 되는지 살펴보겠습니다. firebase deploy --only functions 일단 위의 커맨드로 functions만 배포합니다. 그럼 Project console주소 URL이 출력됩니다. Cmd or Ctrl 클릭으로 접속 후에 개발 하위메뉴중 Funftions에 접속합니다. 그럼 배포한 함수가 나타나고 트리거에보면 URL이있습니다. 이 URL을 복사해서 index.html에 fetch의 로컬주소를 fetch('https://us-central1-api-call-da651... 2019. 6. 30. [Firebase] Firebase를 이용한 API 호출 - 2 1. Firebase 프로젝트 생성 및 설치 일단 Firebase Console로 접속합시다.(https://console.firebase.google.com) 프로젝트 만들기 > 프로젝트 명 입력 후 완료(만약 Firebase 첫 진입이라면 완료 시 금지되었다는 표시가 뜰 수 있습니다. 구글 계정인증을 스마트 폰 또는 Gmail로 처리하셔야 프로젝트 생성이 가능합니다.) 완료 되면 해당 프로젝트의 Console창이 뜨게 됩니다. 그럼 당장은 브라우저에서 할 것은 끝났으므로, 프로젝트를 진행할 폴더를 만듭시다. 그리고 터미널 혹은 에디터로 해당 폴더 경로에서 명령어를 실행합니다. npm install -g firebase-tools 입력 후 설치가 끝나면 Firebase 인증을 해야하므로 아래 명령어를 .. 2019. 6. 18. [Firebase] Firebase를 이용한 API 호출 - 1 op.gg나 미세미세 등 오픈API를 이용한 앱/웹어플리케이션이 많은 인기를 끌며 기업으로 성장하는 경우가 많아졌습니다. 하지만 이 API들은 흔히 실무에서 쓰는 API와는 호출하는 법부터 조금 다릅니다. 실무에서는 백엔드개발자들이 인증/권한 등을 다 처리해주면, 저같은 프론트엔드나 퍼블리셔는 jQuery ajax나 es6의 fetch를 사용하여 데이터를 가져온뒤, 화면 구성만 하면되죠. (물론 예외도 많습니다.) 그럼 오픈API를 쓸땐 어떨까요? 일단 인증부터가 문제가 됩니다. 대부분의 API제공업체에서는 KEY를 발급하여 해당 KEY값을 활용하여 데이터를 요청해야만 허용이 되죠. '그냥 KEY값만 파라미터로 넘겨서 사용하면 되지않아?' 라고 생각하겠지만 클라이언트단에서 API를 호출해버릴경우 KEY값.. 2019. 6. 11. 이전 1 다음
