🆔
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