使用 创建 Spotify 支持的应用程序

Desknumber

借助 Spotify，机器学习和社交媒体变得音乐化。通过他们的应用程序，您的朋友可以查看您正在即兴演奏的内容。如果互联网上的其他人也能体验你的算法节奏怎么办？在本教程中，您将学习如何编写自己的应用程序，以使用  和 Nuxt 分享您在 Spotify 上收听的内容。
我们都听说过 Spotify。该应用程序于 2008 年推出，提供来自各种传奇和新晋艺术家的数百万首曲目。它允许您创建播放列表、关注其他人或根据您的心情选择播放列表。

但今天让我们从另一个角度来看待该应用程序。让我 电子邮件营销列表 们构建一个包含“Now Playing on Spotify”组件的两页服务器端渲染 Web 应用程序。我将引导您完成构建客户端应用程序、构建和连接到服务器 API 以及连接到外部 API 服务的所有步骤。

我们的项目将使用  和 npm 生态系统、Github 来存储我们的代码、Heroku 作为我们的主机、Heroku 的 Redis 作为我们的存储以及 Spotify 的 Web API 来构建。应用程序和内部 API 将完全使用 Nuxt 的系统构建。Nuxt 是一个在 Vuejs、Expressjs、Webpack 和 Babeljs 上运行的服务器端渲染框架。



本教程相当复杂，但分为非常容易理解的部分。您可以在找到一个有效的演示。

描绘本教程最终产品的图像。 包含 Ariana Grande 的歌曲“与你的女朋友分手，我很无聊”的信息，以及 Spotify 上该歌曲的链接以及专辑封面照片
使用 、Redis 和 Spotify 创建的最终结果。（大预览）
要求
本教程需要 HTML、CSS、Javascript (ES6) 以及如何使用命令行或终端的知识。我们将使用和Vuejs；在开始本教程之前，对两者有基本的了解将会很有帮助。如果您使用的是 MacOS，您还需要安装 Xcode Tools。

如果您喜欢进行逆向工程，您可以分叉存储库。