【Reactチュートリアル：第4回】ゲームAPI（フォートナイトAPI）の紹介

ようこそ、ShinCodeへ。Reactチュートリアル第4回目。

今回は、以下のタスクを終わらせます。

それでは早速進めていきましょう。

（前回がまだの人はこちらから）

2021年8月12日【Reactチュートリアル：第3回】タイトルとフォーム入力欄を作成しよう

Reactチュートリアル第4回

今回はゲームAPI(フォートナイトAPI)について紹介します。

APIは（Application Programming Interface）の略称で、外部サービスが提供している情報を一般の人でも利用できるようにしたものになります。

APIにはほかにも以下のようなものが有名です。

まだまだ他にも面白いAPIがあるので探してみてください。APIを使えば簡単に外部サービスの情報を利用して自分のアプリケーションに利用することができます。

そして今回は紹介するAPIが楽天RapidAPIが提供するFortniteAPIです。

使用するにはAPIKeyが必要なのでユーザー登録を忘れずにしておきましょう。

①APIを実際に叩いて（テスト）みよう

コーディングは次回にして、今回は簡単にテストしてみます。

今回取得したい情報はこちらから取得できます👇

画面の左側にある「Status」⇨「GET Status」をクリックしてください。

すると以下のような画面が出てくると思います。

X-RapidAPI-KEYは必要になるので生成しておいてください。今回は一応画像では隠しておきます。

現在はuserが「zRotation」になっています。userはゲーム内に存在するuserではあれば何でも構いません。

このまま真ん中にある「テスト」を押してみてください。するとAPIを叩くことができます。

②APIを叩いた結果をみてみよう

叩いた結果を解読してみましょう。

「結果」のタブでAPIの出力結果が連想配列として表示されていることが分かります。

ここではWEBアプリに使う情報だけ着目して見てみましょう。

“lifetime” ⇨ “all” ⇨ defaultsolo の順番に下矢印ボタンを押してみてください。

👆のようにソロでの対戦結果やプレイ時間などの情報が格納されていると思います。

まとめると以下のような情報があります。

次回からはこれらの情報をAPIで叩いて抽出して利用したいと思います。

【Reactチュートリアル】第5回へ続く

次回のチュートリアルでは以下を進めます。

ぜひ、お楽しみに👋