npm 包 spotify-wrapper-jc 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

当我们在开发一些 music-related 的应用时，我们往往需要与 Spotify 进行交互。这时候，spotify-wrapper-jc 这个 npm 包就能为我们省去很多麻烦。本文将详细介绍该包的使用方法及其相关细节。

安装

要使用 spotify-wrapper-jc，我们首先需要安装它。我们可以使用 npm，在终端命令行中输入以下命令进行安装：

npm i spotify-wrapper-jc

引入

安装 spotify-wrapper-jc 后，我们需要在 JavaScript 文件中引入它。我们可以使用 ES6 的 import 语法进行引入：

import SpotifyWrapper from 'spotify-wrapper-jc';

现在，我们就可以通过 SpotifyWrapper 的方法与 Spotify 交互了。

获取 Token

在使用 Spotify API 时，我们需要一个 token，即访问令牌，才能够获得数据。而获取 token 是比较复杂的过程。

但是，spotify-wrapper-jc 可以帮我们自动获取 token。要获取 token，我们需要使用 SpotifyWrapper 的一个方法： getToken()。这个方法会返回一个 Promise 对象，我们需要在 Promise 的 resolve 回调中获取 token。代码示例如下：

const spotify = new SpotifyWrapper({
  token: 'any_token',
});
spotify.getToken().then((token) => {
  console.log(token); // 输出我们获取到的 token
});

搜索歌曲

获取了 token 之后，我们就可以通过 SpotifyWrapper 的 search 方法搜索歌曲了。这个方法接收两个参数：query 和 type。其中，query 表示我们的搜索关键字，type 表示搜索类型，例如 album、artist 和 track。

代码示例如下：

spotify.search('All of Me', 'track').then((data) => {
  console.log(data); // 输出搜索到的歌曲信息
});

获取歌曲信息

我们还可以根据歌曲 ID 直接获取歌曲的相关信息。这个方法需要一个参数：id，即歌曲的 ID。通过 SpotifyWrapper 的 getTrack 方法即可方便地获取歌曲的信息。

代码示例如下：

spotify.getTrack('16GbrZzsNJkHO8lCdx0pJy').then((data) => {
  console.log(data); // 输出歌曲信息
});

结语

通过本文的介绍，我们已经了解了如何使用 spotify-wrapper-jc 这个 npm 包来访问 Spotify API，搜索和获取歌曲信息。希望这篇教程对大家有所帮助！

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6005672481e8991b448e39d7