CoinMarketCap API 到 Angular 请求

Question

I have my head in water with the new CoinMarketCap API .

Below is an example of a request in Node. How can I make a request in Angular? Any suggestions? Thanks.

 /* Example in Node.js ES6 using request-promise, concepts should translate 
 to your language of choice */

 const rp = require('request-promise');
 const requestOptions = {
 method: 'GET',
 uri: 'https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest',
 qs: {
   start: 1,
   limit: 5000,
   convert: 'USD'
 },
 headers: {
  'X-CMC_PRO_API_KEY': 'API_KEY_HERE'
 },
 json: true,
 gzip: true
};

rp(requestOptions).then(response => {
  console.log('API call response:', response);
}).catch((err) => {
 console.log('API call error:', err.message);
});

Answer 1

As per the documentation found here you cannot perform this HTTP call from a web client:

Making HTTP requests on the client side with Javascript is currently prohibited through CORS configuration. This is to protect your API Key which should not be visible to users of your application so your API Key is not stolen. Secure your API Key by routing calls through your own backend service.

A solution would be to create your own back-end API. This API can then perform the HTTP call to Coinmarketcap . Your website then communicates with your custom made back-end API.

Answer 2

    getAllCoinsListing() {
    const httpOptions = {
      headers: new HttpHeaders({
        'X-CMC_PRO_API_KEY':  'API_KEY_HERE'
      })
    };
    return this.http.get(this.apiUrl, httpOptions);
    }