（Riot-API）仅使用 angularJS 从召唤者（按名称）api 调用中获取 id答案

【问题标题】：(Riot-API) Grabbing id only from summoner (by-name) api call using angularJS（Riot-API）仅使用 angularJS 从召唤者（按名称）api 调用中获取 id
【发布时间】：2015-08-24 20:40:30
【问题描述】：

我正在使用 angularjs 来检索召唤者信息，但只检索特定字段（例如，仅召唤者名称，仅 id）。如果我得到正确的结果，我正在尝试使用 console.log() 检查。但是，我一直在控制台屏幕上看到这个：

这是我的代码： index.html ///////////////////////////////////////// ///////////////////////////////////////// /////////////////////////p>

<!doctype html>
<html lang="en" ng-app="riotApiApp">
<head>
  <meta charset="utf-8">
  <title>Angular JS Controller</title>
  <script src="angularjs/angular.min.js"></script>
  <script src="angularjs/angular-resource.min.js"></script>
  <script src="api_call.js"></script>
</head>
<!-- <body ng-controller="getSummonerbyName"> -->
<body>
<div ng-controller="getSummonerbyName">
	First Name: <input type="text" ng-model="summonerName"><br>
	  <ul ng-repeat="post in posts">
		<li>
			{{post}}
		</li>
		<!-- <div ng-controller="alternateSummonerRetrieve"> ng-model={{post.id}}></div> -->
	  </ul>
</div>


</body>
</html>

/////////////////////////////////////// ///////////////////////////////////////// //////////////////////////

api_call.js

/////////////////////////////////////// ///////////////////////////////////////// //////////////////////////

var riotApiApp = angular.module('riotApiApp', ['ngResource']);

riotApiApp.controller('getSummonerbyName', function($scope, $http, $resource) {
	
	$scope.$watch('summonerName', function (tmpStr) {
		if (!tmpStr || tmpStr.length == 0)
			return 0;
		setTimeout(function() {

			if (tmpStr === $scope.summonerName)
			{	
				var src = $resource('https://na.api.pvp.net/api/lol/na/v1.4/summoner/by-name/:verb', {verb:$scope.summonerName, api_key:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxxx'}, {retrieve: {method: 'GET', isArray: true}});
				var user = src.query({}, function() {
					
				});
				console.log(user);

			}
		}, 1000);
	});

/////////////////////////////////////// ///////////////////////////////////////// //////////////////////////

谁能告诉我我做错了什么？

【问题讨论】：

标签： javascript angularjs riot-games-api

【解决方案1】：

您不应使用 AngularJS 之类的前端框架来调用 Riot Games API，因为这会将您的 API 密钥暴露给您的用户。

您需要在服务器端调用 Riot Games API，并让您的客户端从服务器请求数据。

【讨论】：

【解决方案2】：

我想我想出了如何从中解析对象。我错了，我认为我可以使用 .query 而不是 .get，因为 api 方法返回一个对象。

例如：

$http.get("https://na.api.pvp.net/api/lol/na/v1.4/summoner/585897?api_key=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx").success(function(response_object)

之后，我只是将结果存储在一个数组中，然后就得到了我的结果。

【讨论】：

正确，但如果您这样做，您的应用将不会被批准，因为您的 API 密钥将被公开。正如 Rithm 在他的回答中所说，您必须在服务器端进行所有呼叫。祝你好运！ :)