muc

MUC

音樂網址轉換器

一個簡單的應用程序，可以從各種音樂流服務中獲取URL，並從其他流媒體服務中顯示相同的曲目（如果可用）。您可以看到一個實時演示 @ https://muc.anirbanmu.com/?queries [questify：track:2hyr8lzrljkefmbigt0365

查詢參數

• queries[]=spotify:track:2HYr8LZRlJKEfMbIgT0365陣列類型查詢參數（可以具有多個），可以作為應用程序的初始查詢傳遞。

支持的服務

它目前支持Spotify，YouTube，iTunes/Apple Music＆Deezer。

設定

• 確保安裝了節點＆npm
• 克隆倉庫
• cd進入回購目錄
• npm install

前端

必須建造前端並準備好在後端成功地為應用程序服務之前。

用於開發（將構建，注意變更和重建vue.js Frontend）：

 npm run build-watch

用於生產（只會建造）：

 npm run build

構建文件放置在./dist目錄中。

後端

後端需要設置API鍵，以便可以使用各自的API。

 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]

設置了環境變量後，您可以在本地啟動後端服務器：

 npm run express

您現在應該能夠在本地訪問該應用程序 @ http：// localhost：8081

fly.io

該應用程序準備在Fly.io中部署。只需使用FlyCtl創建一個應用，然後在Fly.toml中替換<APP-NAME> 。創建該應用程序並以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>如果您想要頁面中的Google站點驗證代碼，則只需flyctl deploy即可。

細節

前端

大多數應用程序代碼是客戶端，它是vue.js應用。這可以處理所有渲染，解析URL並將其轉換為其他服務。

後端

後端由一個非常微不足道的Express服務器組成，唯一目的是獲取一些初始服務器端數據（API令牌）並模板單頁vue.js應用程序，因此它可以從後端獨立運行。它還可以單獨使用API​​​​獲得API代幣，以便前端可以定期刷新它。