使用 创建 Spotify 支持的应用程序
借助 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 上运行的服务器端渲染框架。
http://zh-cn.gamblingdat.com/wp-content/uploads/2023/12/IMAGE-55.jpg
本教程相当复杂,但分为非常容易理解的部分。您可以在找到一个有效的演示。
描绘本教程最终产品的图像。 包含 Ariana Grande 的歌曲“与你的女朋友分手,我很无聊”的信息,以及 Spotify 上该歌曲的链接以及专辑封面照片
使用 、Redis 和 Spotify 创建的最终结果。(大预览)
要求
本教程需要 HTML、CSS、Javascript (ES6) 以及如何使用命令行或终端的知识。我们将使用和Vuejs;在开始本教程之前,对两者有基本的了解将会很有帮助。如果您使用的是 MacOS,您还需要安装 Xcode Tools。
如果您喜欢进行逆向工程,您可以分叉存储库。
頁:
[1]