在应用程序堆栈中的何处调用 API？

Question

我正在尝试创建一个 Web 应用程序，它使用其他应用程序的 API，例如“Twitter API”、“Stack Exchange API”Github API。我正在考虑为我的应用程序使用 MEAN 堆栈。由于我是新手，因此我不确定在应用程序堆栈中的何处调用 API。

让我举个例子来澄清我的问题。

假设我想调用 Gist API 以在我的应用程序中列出公共要点并在 Web 浏览器上漂亮地显示。 为此，我必须使用带有 URL“https://api.github.com/gists/public”的 GET 方法。现在我的问题是我应该在我的应用程序堆栈中的哪里调用这个 GET 方法？

我的要求。

1. 使用用户界面从 Web 浏览器调用查询，以从 API 提供者获取数据并显示在调用者的浏览器上。

2. 从浏览器本身添加/删除/更新，它也应该反映在 API 提供商网站上。

3. 我不需要在我的应用程序中存储任何数据。所有数据都将存储在 API 提供者本身。用户身份验证也将通过 API (OAuth 2) 完成

根据我的要求，我有几个问题

1. 我的要求只能从前端 (Angular.js) 实现吗？如果是，我还需要在我的应用程序中使用服务器端（Node.js）吗？
2. 只能使用服务器端（Node.js）来完成吗？
3. 您能否根据我的要求建议一些更好的技术在我的堆栈中使用？

我是这个领域的新手，所以我对应用程序堆栈的理解可能不清楚。因此，如果您提供一些在线资源来了解 API 调用和应用程序堆栈实现，我将非常感激。我试图在谷歌上搜索，但我没有找到一个好的。

我发现这个教程https://zapier.com/learn/apis/ 非常好。但只有理论。没有给出实际代码中如何使用的例子。

如果您不清楚问题，请告诉我。

Answer 1

您可以在 Angular 中创建服务以进行 API 调用，或者您可以在后端（node.js 应用程序）调用 API，然后使用像把手这样的视图引擎来生成 html。