🆔
Spotifyで CLIENT ID と CLIENT SECRET ID を取得する
開発環境
- macOS
- VSCode
- Rails 7.1.3.3
- ruby-3.2.3
- PostgreSQL 16.2
- Herokuへデプロイ
行いたいこと
- アプリ制作で
Spotify APIを使い曲の再生機能を実装するにあたり、環境変数を設定するためにCLIENT IDとCLIENT SECRET IDが必要なため取得する。
Spotifyにログイン / アカウントの作成をする
・こちらからSpotifyへログインしDashboardへ移動します。
(アカウントがない場合は作成します)

CLIENT ID と CLIENT SECRET IDの作成
・Create appから必要事項を入力する。
・アプリ名 , アプリの説明 , リダイレクトURL , API / SDK⇨同意にチェックを入れる⇨保存


・CLIENT ID と CLIENT SECRET IDはHomeのSettingsから確認できます

ここまででCLIENT ID と CLIENT SECRET ID を取得する流れは完了です。
.envファイルに環境変数を記載する(隠しファイル)
・作成されたCLIENT ID と CLIENT SECRET IDをファイルに記載します。
SPOTIFY_CLIENT_ID=取得したCLIENT ID
SPOTIFY_SECRET_ID=取得したCLIENT SECRET ID
Heroku側で環境変数の設定
・ 環境変数の設定手順
・環境変数を設定したいアプリのダッシュボードから、
設定⇨設定変数⇨設定変数を表示する


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

Discussion