带有 AngularJS 身份验证的 Semantics3 API

Question

我正在学习 AngularJS。我正在使用 bootstrap 3.1.0 构建移动优先应用程序。

基本上我想使用 Semantics3 API 并在列表中显示产品。当 Semantics3 的 API 需要通过 OAuth 进行身份验证时，我该怎么做。我已经有了我的 API key 和 secret，但我不知道如何从我的 Angular 控制器成功调用 API。

目前我的代码如下所示：

savvyShop.controller('ProductsCtrl', function($scope) {
    $scope.apiResult = $http.get('https://api.semantics3.com/v1/products?q={"cat_id":13658,"brand":"Toshiba","model":"Satellite"}')
});

Answer 1

不幸的是，您无法从客户端（通过 AJAX）执行此操作。这是因为您正在尝试发出所有 Javascript 引擎都不允许的跨域请求。一般来说，如果 API 提供 JSONP 端点，您可以使用它来发出跨域请求。但是，Semantics3 没有。

您可以编写一个服务器端脚本，该脚本有效地充当客户端和我们的 Semantics3 服务器之间的代理。它基本上会将您发送到我们 URL 的任何查询传递给我们，接收结果并将其发送给客户端。这样，您可以在 AngularJS 中使用 $http.get 来运行这些查询。