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代币，以便前端可以定期刷新它。