api - 具有 AngularJS 身份验证的 Semantics3 API

Question

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

基本上我想使用 Semantics3 API 并在列表中显示产品。当 Semantics3 的 API 需要通过 OAuth 进行身份验证时，我该怎么做。我已经有了我的 API key 和 secret，但我不知道如何从我的 Angular Controller 成功调用 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 来运行这些查询。