fetch 사용

fetch는 XMLHttpRequest 형태의 API를 노드에서 직접적으로 받아서 쓸 때 사용한다.

 

다음과 같은 코인 가격정보를 가져오는 예시에서 사용하였다.

 

observablehq.com/@jflatow/compound-price-feed

Compound Price Feed

Motivation

Instead of implementing XMLHttpRequest in Node.js to run browser-specific Fetch polyfill, why not go from native http to fetch API directly? Hence, node-fetch, minimal code for a window.fetch compatible API on Node.js runtime.

See Matt Andrews' isomorphic-fetch or Leonardo Quixada's cross-fetch for isomorphic usage (exports node-fetch for server-side, whatwg-fetch for client-side).

 

먼저 fetch를 설치 해준다.

 

npm install node-fetch --save

 

www.npmjs.com/package/node-fetch

node-fetch

 

 

 

아래 블로그를 통해 fetch를 받아올 때는 다음과 같은 형태로 json으로 한번 바꿔주어야 사용할 수 있다는 것을 알게 되었다.

wooooooak.github.io/javascript/2018/11/25/fetch&json()/

fetch사용시 유의 사항 (json() 함수 사용하기) · 쾌락코딩

다음은 고친 코드의 결과이다.

const fetch = require('node-fetch');
.
.
.
// reports = (await fetch('https://prices.compound.finance')).json()
fetch('https://prices.compound.finance')
    .then((res) => {
        return res.json(); //Promise 반환
    })
    .then((json) => {
        console.log(json); // 서버에서 주는 json데이터가 출력 됨
    });