REST API 的 Web UI答案

【问题标题】：Web UI for a REST APIREST API 的 Web UI
【发布时间】：2016-12-20 07:10:37
【问题描述】：

我在 Node.js（使用 Express）中编写了一个 REST API，它实现了一个具有一些出队/入队功能的队列，下一步是为该 API 创建一个 Web 视图。我对 javascript 和 Node.js 真的很陌生，我可以就如何实现它提供一些指示吗？有没有一个框架可以用来集成我构建的 api.js 和前端？

【问题讨论】：

你试过 angular 吗？
这样的问题通常会在 stackoverflow 上关闭，因为它们会导致固执己见的答案。您可以查看stackoverflow.com/questions/14072131/… 的答案
一个简单的谷歌搜索会给你一个答案......即只需搜索 node js test api frontend，你就会得到很多代码示例和教程。
询问“我从哪里开始”的问题通常过于宽泛，不适合本网站。人们有自己解决问题的方法，因此不可能有正确的答案。好好阅读Where to Start，然后写下你的帖子。
@FrankerZ - 这个问题有点令人困惑，这可能是对的。不知道。但是与您相比，我认为使用 MEAN 堆栈处理 REST API 后端和前端的方法非常标准化（至少因为实现 REST 标准非常干净，并且 Angular 提供了直接的资源服务来处理数据传输） .在其他方面我同意你的看法。

标签： javascript html node.js rest

【解决方案1】：

当您使用 nodejs 和 expressjs 框架编写 REST api 时，您已经完全准备好使用完整的 MEAN 堆栈，它为前端服务实现了 angularJS。

Angular 提供了一个完整的 REST 实现（称为 ngResource）。通过npm安装。

使用 Angular 资源服务，您可以获得开箱即用的前端界面（与后端交互）（除了一些您必须进行的调整，例如使其与用于制作访问你的 MongoDB 更舒服）。

您会发现一些出色的教程，如 this one 和 scotch.io 上的其他教程就是其中的一部分。谷歌在不同选择中的“api rest angular resource mean ...”;-)

其他对我帮助很大的链接：

Tutorial 来自 Angular 本身
Thinkster.io - 包含示例的完整 MEAN 堆栈概述
一个很有帮助的tutorial，Frederik Dietz 提供了很好的例子
Buecheler 提供了这个很棒的教程，但更多的是关于后端 - 因为您可能会根据 REST 后端实现的基本标准检查您的代码。

这些是我注意到的一些链接，可以找到临时的。

编辑：正如您的标题表明您正在搜索 UI，我想 IBM Strongloop 可能对您来说是一个很好的提示。 IBM 与 ExpressJS 的开发紧密相连，并为可能与您的 Web 应用程序问题有关的所有数据提供此 API 和 UI。

【讨论】：

我遵循了符合我目的的教程。谢谢
很高兴听到这个消息！