muc

Muc

Konverter URL Musik

Aplikasi sederhana untuk mengikuti URL dari berbagai layanan streaming musik & menampilkan lagu yang sama (bila tersedia) dari layanan streaming lainnya. Anda dapat melihat demo langsung @ https://muc.anirbanmu.com/?querieshtew

Param kueri

• queries[]=spotify:track:2HYr8LZRlJKEfMbIgT0365 - Param kueri tipe array (dapat memiliki banyak) yang dapat dilewati sebagai kueri awal ke aplikasi.

Layanan yang didukung

Saat ini mendukung Spotify, YouTube, iTunes/Apple Music & Deezer.

Pengaturan

• Pastikan Anda menginstal Node & NPM
• Kloning repo
• cd ke direktori repo
• npm install

Frontend

Ujung depan harus dibangun & siap untuk pergi sebelum backend dapat berhasil melayani aplikasi.

Untuk pengembangan (akan membangun, menonton perubahan & membangun kembali vue.js frontend):

 npm run build-watch

Untuk produksi (hanya akan membangun):

 npm run build

File yang dibangun ditempatkan di direktori ./dist .

Backend

Backend membutuhkan tombol API untuk diatur sehingga API masing -masing dapat digunakan.

 SPOTIFY_CLIENT_ID=<spotify client ID> [REQUIRED]
SPOTIFY_CLIENT_SECRET=<spotify client secret> [REQUIRED]
YOUTUBE_API_KEY=<youtube API key> [REQUIRED]
GOOGLE_SITE_VERIFICATION_CODE=<google site verification code via meta tag> [OPTIONAL]

Setelah mengatur variabel lingkungan, Anda dapat memulai server backend secara lokal dengan:

 npm run express

Anda sekarang harus dapat mengakses aplikasi secara lokal @ http: // localhost: 8081

fly.io

Aplikasi ini siap digunakan di Fly.io. Cukup buat aplikasi dengan flyctl dan ganti <APP-NAME> di fly.toml. Setelah Anda membuat aplikasi & mengganti nama di Fly.toml:

• flyctl secrets set SPOTIFY_CLIENT_ID=<spotify client ID> [REQUIRED]
• flyctl secrets set SPOTIFY_CLIENT_SECRET=<spotify client secret> [REQUIRED]
• flyctl secrets set YOUTUBE_API_KEY=<youtube API key> [REQUIRED]
• flyctl deploy --build-secret GOOGLE_SITE_VERIFICATION_CODE=<google site verification code via meta tag> Jika Anda ingin kode verifikasi situs Google di halaman, selain itu cukup flyctl deploy .

Detail

Frontend

Sebagian besar kode aplikasi adalah sisi klien yang merupakan aplikasi Vue.js. Ini menangani semua rendering, penguraian URL, & mengubahnya ke layanan lain.

Backend

Backend terdiri dari server Express yang sangat sepele yang satu -satunya tujuan adalah untuk mendapatkan beberapa data sisi server awal (token API) & templat aplikasi vue.js satu halaman sehingga kemudian dapat dijalankan secara independen dari backend. Ini juga melayani API untuk mendapatkan token API sendiri tanpa sehingga frontend dapat menyegarkan tokennya secara berkala.