こんにちは！！
フィヨルドブートキャンプでWebエンジニアを目指してプログラミング習得に励んでいるふーがです。
GitHubのAPIを使用するために、Client IDとClient secretsを取得する必要があったのですが、わかりやすくまとまっている情報が見つけられなかった(ググり力鍛えたい…)ので、備忘録として残すことにしました。
2021年4月現在はこの方法で取得できました。
変更を検知したら随時更新するつもりでいます。
取得手順
取得の前に
Client IDとClient secretsを取得するには、GitHubのアカウントが必要です。
アカウント登録をしていない場合は、先にGitHubでアカウント登録をします。
アカウント登録をしたら
アカウント登録が終わったら、さっそくClient IDとClient secretsの取得を進めていきます。
右上のアイコン部分をクリックして出てきたメニューの「Settings」をクリックします。
開いたページの左側にメニューが並んでいるので、その中の「Developer settings」をクリックします。
また開いたページで、左側のメニューの「OAuth Apps」をクリックし、右側の「New OAuth App」をクリックします。
すると、アプリの詳細を入力する画面が表示されます。 僕は次のように入力しました。
| 項目 | 内容 |
|---|---|
| Application name | sample app |
| Homepage URL | http://localhost:3000 |
| Application description | web application for sample application |
| Authorization callback URL | http://localhost:3000/auth/github/callback |
「Authorization callback URL」はアプリの実装と合わせる必要があります。
合わないとエラーになってしまうので気をつけて入力します。
入力が終わったら、「Register application」のボタンを押して、完了です。
Client IDとClient secretsを確認する
設定画面にリダイレクトしているはずなので、そのページの「Client ID」の項目を確認します。
矢印で示した辺りに表示されている文字列が、「Client ID」です。
続いてClient secretsですが、デフォルトでは生成されていないので表示されていません。 Client IDの下にあるClient secretsの右側の、「Generate a new client secret」をクリックします。
すると、Client secretが生成されるので、コピーボタンをクリックしてコピーし、どこかに保管しておきます。
この時コピーしておかないと、2回目以降にアクセスした時にはもう 確認することができないので、注意してください。
以上で、GitHubでのClient IDとClient secretsの取得は完了です。
