Question

不确定这是否是正确的问题，我有几个使用slim php框架构建的Web服务，我已成功集成到移动应用程序中，我想构建一个Web界面，我也是最好的选项？我知道我可以使用JavaScript，但我主要的困惑是如何从前端调用这些REST apis以及使用哪个框架。

Answer 1

我想为我的最佳选择构建一个Web界面？

您最好的选择取决于您的整体要求和设置。如果您想在Web Interface中提供与移动应用程序相同的功能，请使用AngularJS，BackboneJS，Ember等复杂的框架。

那里有很多人。了解这些框架的工作方式以及这些工作流程是否适合您的需求非常重要。首先，我建议你看一下AngularJS。

我知道我可以使用JavaScript，但我主要的困惑是如何从前端调用这些REST apis以及使用哪个框架。

如果不使用任何框架，可以使用普通的Javascript或jQuery调用REST端点。这是一个简单JS的例子：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.org/api/...", true);
//register listener
xhr.onreadystatechange = function() {
   ...
}
xhr.send();

像AngularJS这样的框架具有预先内置的组件来调用REST API。

一个陷阱可能是您必须启用CORS，具体取决于您的设置。确保您的服务器正确处理这些请求。您必须在服务器端设置这些标头：

header("Access-Control-Allow-Origin: [YOUR_HTTP_DOMAIN_NAME]");
header('Access-Control-Allow-Credentials: true');
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, PATCH");

但是，由于您的移动应用程序正在使用您的REST API，因此网络界面上的这些调用应与您的移动电话类似。

Answer 2

您可以使用jquery（http://api.jquery.com/jquery.get/）或XR（https://www.npmjs.com/package/xr）或请求（https://www.npmjs.com/package/request）等从任何Web界面调用REST Web服务。

这些链接包含几个例子。

如何构建Web前端

2 个答案: