Step 1: Connect to the Fortnite API
First thing we need is an API key. This will be passed along with each call we make to any of the API endpoints.
- Login here https://fortnitetracker.com/site-api
- Click on Manage or Create API Keys
- Create an Application
- At the bottom of your applications details page you will see your API Key.
We are going to be using the player stats endpoint to retrieve the stats on a player. The endpoint requires a platform (pc, xb1, psn), and an epic nickname.
Endpoint https://api.fortnitetracker.com/v1/profile/{platform}/{epic-nickname}
Now we will write a function to make it easy to get player stats. Using curl, we will pass along our endpoint and the correct parameters (platform, epic nickname, api key)
// place your api key here define( 'FN_API_KEY', 'YOUR-API-KEY-HERE' ); /** * Get player stats from the fortnite api * * @param String $platform the epicNickname is on (pc, xb1, psn) * @param String $epicNickname name of the player * * @return Array */ function getPlayerStats( $platform, $epicNickname ) { // api endpoint with the platform and epicNickname $apiUrlPlayerStatsEndpoint = 'https://api.fortnitetracker.com/v1/profile/' . $platform . '/' . $epicNickname; // open curl call $ch = curl_init(); // specify our api endpoint curl_setopt( $ch, CURLOPT_URL, $apiUrlPlayerStatsEndpoint ); // pass along our api key as TRN-API-Key in the headers curl_setopt( $ch, CURLOPT_HTTPHEADER, array( 'TRN-Api-Key:' . FN_API_KEY ) ); // more curl options curl_setopt( $ch, CURLOPT_RETURNTRANSFER, TRUE ); curl_setopt( $ch, CURLOPT_HEADER, FALSE ); curl_setopt( $ch, CURLOPT_SSL_VERIFYPEER, FALSE ); // get response from api and close curl $response = curl_exec( $ch ); curl_close( $ch ); // return api response as a php array return json_decode( $response, true ); }
Step 2: Style It Up
Once we have our data. We can go ahead and start giving it a nice Fortnite look and feel. If we want our player stats to feel like Fortnite, we need the correct font face. Here is the font face I am using.
@font-face { font-family: 'Fortnite'; src: url( 'BurbankBigCondensed-Bold.otf' ); }
Fortnite Player Stats Website
Put everything together and we get our own Fortnite player stats website! I highlighted the main part which is connecting to the API and the custom Fortnite font face. The rest is just simple HTML/CSS and full code is up on GitHub!
Links
That is going to do it for this post! Leave any comments/questions/concerns below and thanks for stopping by the blog!