javascript - CoinMarketCap API 到 Angular 请求

Question

我对新的CoinMarketCap API 着迷。

下面是 Node.js 中的请求示例。如何在 Angular 中提出请求？有什么建议么？谢谢。

 /* 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

根据此处找到的文档，您无法从 Web 客户端执行此 HTTP 调用：

目前禁止通过 CORS 配置在客户端使用 Javascript 发出 HTTP 请求。这是为了保护您的应用程序用户不应该看到的 API 密钥，这样您的 API 密钥就不会被盗。通过您自己的后端服务路由调用来保护您的 API 密钥。

一个解决方案是创建自己的后端 API。然后，此 API 可以对Coinmarketcap. 然后，您的网站与您定制的后端 API 进行通信。

Answer 2

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