🆔

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へ移動します。
 (アカウントがない場合は作成します)
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 IDはHomeのSettingsから確認できます
Image from Gyazo

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




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

・作成されたCLIENT ID と CLIENT 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