如何在瀏覽器中顯示 API？ 如何將該請求承諾代碼遷移到節點獲取代碼中？

Question

我正在從 Coinmarketcap API 請求數據，我知道如何在終端上顯示它，但我不知道如何在瀏覽器上顯示它，我該怎么做？

這是我的代碼：

const rp = require('request-promise');
const requestOptions = {
  method: 'GET',
  uri: 'https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest',
  qs: {
    'start': '1',
    'limit': '1',
    'convert': 'USD'
  },
  headers: {
    'X-CMC_PRO_API_KEY': 'b54bcf4d-1bca-4e8e-9a24-22ff2c3d462c' // it isn't my real api key
  },
  json: true,
  gzip: true
};

rp(requestOptions).then(response => {
  console.log('API call response:', response.data[0].quote.USD.price);
}).catch((err) => {
  console.log('API call error:', err.message);
});

我不知道如何將該請求承諾代碼遷移到節點獲取代碼中，我該怎么做？

Answer 1

試試這個代碼，假設你使用的是 Express JS：

要安裝 node-fetch 使用以下命令：

npm install --save node-fetch

然后使用此代碼：

const express = require('express');
const app = express();
const fetch = require('node-fetch');
app.get('/', function(req, res, next) 
{
    var url ='https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest';
    var headers = 
    {
        "Content-Type": "application/json",
        "X-CMC_PRO_API_KEY": "b54bcf4d-1bca-4e8e-9a24-22ff2c3d462c"
    }
    var data = 
    {
        'start': '1',
        'limit': '1',
        'convert': 'USD'
    }
    fetch(url, { method: 'GET', headers: headers, body: data})
    .then((result) => 
    {
        return result.json();
    })
    .then((json) => 
    {
        res.send(json);   
    });
}