Below are some example calls we can test out. Each text entry box will send a GET request to our running server and activate the appropriate route. So the first step here is to start our server in Node.js. Without that step, nothing will happen here. Also recall that for most of these calls to work, you will need to substitute your own Steam API key into the server.js file. Once our server is running, try entering game AppIDs and/or SteamIDs. Once you have clicked submit, right-click on the website and go to the console. Here is where you will see the actual JSON object that is returned from the Steam Web API. What we do with this object and how we access its contents will be covered on the next page.
Below you can find an example of the functions I used for each of these GET requests. For illustrative purposes I have somewhat tediously written out each function to demonstrate the different requests we are making to our server.
document.addEventListener('DOMContentLoaded', bindGetNewsButton);
document.addEventListener('DOMContentLoaded', bindUserStatsButton);
document.addEventListener('DOMContentLoaded', bindGetAchPcntButton);
document.addEventListener('DOMContentLoaded', bindGetPlayerSummariesButton);
document.addEventListener('DOMContentLoaded', bindGetFriendListButton);
document.addEventListener('DOMContentLoaded', bindGetPlayerAchievementsButton);
document.addEventListener('DOMContentLoaded', bindGetRecentlyPlayedGamesButton);
document.addEventListener('DOMContentLoaded', bindGetOwnedGamesButton);
document.addEventListener('DOMContentLoaded', bindIsPlayingSharedGameButton);
document.addEventListener('DOMContentLoaded', bindGetSchemaForGameButton);
document.addEventListener('DOMContentLoaded', bindGetPlayerBansButton);
function bindGetNewsButton(){
document.getElementById('getNewsForApp').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getnews/?"
var userInput = document.getElementById('getNewsInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetAchPcntButton(){
document.getElementById('getGlobalAchievementPercentagesForApp').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getachievementsperc/?"
var userInput = document.getElementById('getAchPcntInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetPlayerSummariesButton(){
document.getElementById('getPlayerSummaries').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getplayersummary/?"
var userInput = document.getElementById('getPlSummaryInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetFriendListButton(){
document.getElementById('getFriendList').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getfriendlist/?"
var userInput = document.getElementById('getFriendListInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetPlayerAchievementsButton(){
document.getElementById('GetPlayerAchievements').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getplayerachievements/?"
var userInput = document.getElementById('getPlayerAchievementsInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindUserStatsButton(){
document.getElementById('getUserStatsForGame').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getuserstats/?"
var userAppID = document.getElementById('getUserStatsAppID').value;
var userPlayerID = document.getElementById('getUserStatsPlayerID').value;
var newURL = homeURL+userAppID+'='+userPlayerID;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetOwnedGamesButton(){
document.getElementById('GetOwnedGames').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getownedgames/?"
var userInput = document.getElementById('getOwnedGamesInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetRecentlyPlayedGamesButton(){
document.getElementById('GetRecentlyPlayedGames').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getrecentlyplayed/?"
var userInput = document.getElementById('getRecentlyPlayedGamesInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindIsPlayingSharedGameButton(){
document.getElementById('IsPlayingSharedGame').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/isplayingshared/?"
var userAppID = document.getElementById('IsPlayingSharedGameAppID').value;
var userPlayerID = document.getElementById('IsPlayingSharedGamePlayerID').value;
var newURL = homeURL+userAppID+'='+userPlayerID;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetSchemaForGameButton(){
document.getElementById('GetSchemaForGame').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getschema/?"
var userInput = document.getElementById('GetSchemaForGameInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}
function bindGetPlayerBansButton(){
document.getElementById('GetPlayerBans').addEventListener('click', function(event) {
var homeURL = "http://localhost:3000/getbans/?"
var userInput = document.getElementById('GetPlayerBansInput').value;
var newURL = homeURL+userInput;
var req = new XMLHttpRequest();
req.open("GET", newURL, true);
req.addEventListener('load', function(){
if(req.status>= 200 && req.status<400){
var response = JSON.parse(req.responseText);
console.log(response);
}
else {
console.log("Error in network request: " + request.statusText);
}
});
req.send(null);
event.preventDefault();
});
}