SpotifyAPIを利用した楽曲の検索ができるアプリです。
また、楽曲のサムネイルをクリックするとお気に入りの曲として Favorite ページにストックすることができます。
Favorite の保存に関しては PHP のマイクロフレームワークである Lumen を用いて作成し、別ドメインで管理しています。
バックエンドリポジトリ
一度 デモページでお試しください!
・Vue v2.6.12
・VueCLI v4.5.9
・Tailwindcss v2.0.1-compat
・axios v0.21.1
・vuex v3.6.0
・vue-router v3.5.1
・vuejs-paginate v2.1.0
ソースコードをCLONEした場合は、./setting/setting.js
に以下のように CLIENT_ID
と CLIENT_SECRET
を設置する必要があります。
const CLIENT_ID = 'ご自身で取得したクライアントID'
const CLIENT_SECRET = 'ご自身で取得したクライアントSECRET'
export default { CLIENT_ID, CLIENT_SECRET }
npm install
npm run serve
npm run build
アクセストークン取得を簡易化しているため、APIのアクセストークンは60分です。 アプリを再度リロードして頂けると再取得しますので、リロードして下さい。