🆔

Spotifyで CLIENT ID と CLIENT SECRET ID を取得する

2024/08/12に公開

開発環境

  • macOS
  • VSCode
  • Rails 7.1.3.3
  • ruby-3.2.3
  • PostgreSQL 16.2
  • Herokuへデプロイ

行いたいこと

  • アプリ制作でSpotify APIを使い曲の再生機能を実装するにあたり、環境変数を設定するためにCLIENT IDCLIENT SECRET IDが必要なため取得する。





Spotifyにログイン / アカウントの作成をする

・こちらからSpotifyへログインしDashboardへ移動します。
 (アカウントがない場合は作成します)
https://developer.spotify.com/
Image from Gyazo

CLIENT ID と CLIENT SECRET IDの作成

Create appから必要事項を入力する。
アプリ名 , アプリの説明 , リダイレクトURL , API / SDK⇨同意にチェックを入れる⇨保存
Image from Gyazo
Image from Gyazo
CLIENT ID と CLIENT SECRET IDHomeSettingsから確認できます
Image from Gyazo

ここまででCLIENT IDCLIENT SECRET ID を取得する流れは完了です。




.envファイルに環境変数を記載する(隠しファイル)

・作成されたCLIENT IDCLIENT SECRET IDをファイルに記載します。

SPOTIFY_CLIENT_ID=取得したCLIENT ID
SPOTIFY_SECRET_ID=取得したCLIENT SECRET ID

Heroku側で環境変数の設定

・ 環境変数の設定手順

・環境変数を設定したいアプリのダッシュボードから、
設定設定変数設定変数を表示する
Image from Gyazo

Image from Gyazo
価値に入力して追加する。

Image from Gyazo
・今回は以下の2つを登録しました。
[鍵]SPOTIFY_CLIENT_ID  [価値]取得したCLIENT ID
[鍵]SPOTIFY_SECRET_ID  [価値]取得したCLIENT SECRET ID






GitHubで編集を提案

Discussion