Jak wyświetlić parametr z API steam?

[MIKEKING]

Chciałbym się dowiedzieć jak wyświetlić dany parametr z api steam w html przy pomocy JSON. 

np. z tego linku: (Zamieniłem swój key i steamids na x)

http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=xxxxxxxxxxxxxxxxxxxxx&steamids=xxxxxxxxxxx

Punkty reput + za pomoc / wyjaśnienie itd.

[Mr. Hype]

Dnia 13.10.2017 o 16:50, MIKEKING napisał:

Gdy próbuję tak zrobić to pojawia się błąd 

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

A response wygląda tak :

{
	"response": {
		"players": [
			{
				"steamid": "76561197960435530",
				"communityvisibilitystate": 3,
				"profilestate": 1,
				"personaname": "Robin",
				"lastlogoff": 1507878221,
				"profileurl": "http://steamcommunity.com/id/robinwalker/",
				"avatar": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f1/f1dd60a188883caf82d0cbfccfe6aba0af1732d4.jpg",
				"avatarmedium": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f1/f1dd60a188883caf82d0cbfccfe6aba0af1732d4_medium.jpg",
				"avatarfull": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f1/f1dd60a188883caf82d0cbfccfe6aba0af1732d4_full.jpg",
				"personastate": 0,
				"realname": "Robin Walker",
				"primaryclanid": "103582791429521412",
				"timecreated": 1063407589,
				"personastateflags": 0,
				"loccountrycode": "US",
				"locstatecode": "WA",
				"loccityid": 3961
			}
		]
		
	}
}

 

bo bzdury ci wypisali, nie uderzysz do API Steam z poziomu JS, bo przeglądarka nie pozwoli na request cross-origin. 

najlepiej zrób jakieś PHPowe proxy

[Damian_RastMan]

Kolega wyżej wstawił kod dla PHP, dla js z wykorzystaniem jquery wyglądałoby to tak:

$.getJSON( "http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=xxxxxxxxxxxxxxxxxxxxx&steamids=xxxxxxxxxxx", function( data ) {
//tutaj
});

We wskazanym miejscu możesz operować na obiekcie "data", który ma strukturę odpowiadającą kodowi json.

 

np. plik z json wygląda tak:

{
	"imie": "damian",
	"wiek": "20",
	"miejsce": "Wrocław"
}

twój kod jquery tak:

$.getJSON( "http://internet.net/damian.json", function( data ) {
	alert(data.imie+" ma "+data.wiek+" lat :)!");
});

To w efekcie otrzymasz alerta o treści

Cytat

damian ma 20 lat :)!

 

[MIKEKING]

Dnia 10/9/2017 o 14:27, Damian_RastMan napisał:

Kolega wyżej wstawił kod dla PHP, dla js z wykorzystaniem jquery wyglądałoby to tak:

$.getJSON( "http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=xxxxxxxxxxxxxxxxxxxxx&steamids=xxxxxxxxxxx", function( data ) {
//tutaj
});

We wskazanym miejscu możesz operować na obiekcie "data", który ma strukturę odpowiadającą kodowi json.

 

np. plik z json wygląda tak:

{
	"imie": "damian",
	"wiek": "20",
	"miejsce": "Wrocław"
}

twój kod jquery tak:

$.getJSON( "http://internet.net/damian.json", function( data ) {
	alert(data.imie+" ma "+data.wiek+" lat :)!");
});

To w efekcie otrzymasz alerta o treści

 

Gdy próbuję tak zrobić to pojawia się błąd 

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

A response wygląda tak :

{
	"response": {
		"players": [
			{
				"steamid": "76561197960435530",
				"communityvisibilitystate": 3,
				"profilestate": 1,
				"personaname": "Robin",
				"lastlogoff": 1507878221,
				"profileurl": "http://steamcommunity.com/id/robinwalker/",
				"avatar": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f1/f1dd60a188883caf82d0cbfccfe6aba0af1732d4.jpg",
				"avatarmedium": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f1/f1dd60a188883caf82d0cbfccfe6aba0af1732d4_medium.jpg",
				"avatarfull": "https://steamcdn-a.akamaihd.net/steamcommunity/public/images/avatars/f1/f1dd60a188883caf82d0cbfccfe6aba0af1732d4_full.jpg",
				"personastate": 0,
				"realname": "Robin Walker",
				"primaryclanid": "103582791429521412",
				"timecreated": 1063407589,
				"personastateflags": 0,
				"loccountrycode": "US",
				"locstatecode": "WA",
				"loccityid": 3961
			}
		]
		
	}
}

 

[Damian_RastMan]

Ok, zgadza się, przepraszam za wprowadzanie w błąd, właśnie o tym doczytałem

[slepiec68]

Odczytaj dane np tak:

$json_string='http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=xxxxxxxxxxxxxxxxxxxxx&steamids=xxxxxxxxxxx';
$player = json_decode(file_get_contents($json_string), true);

Otrzymasz w tablicy $player wszystkie dane jakie zwraca steam api

Zeby sprawdzic jakie to dane mozesz na chwile uzyc

echo '<pre>'.print_r($player,true).'</pre>';

wtedy dowiesz sie jaki jest wlasciwy klucz i bedziesz mogl sobie wstawic dane do skryptu.