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

如果你正在开发一个音乐播放器的应用程序，那么你会需要一个基于 Spotify Web API 的 Node.js 包，这个包可以帮助你轻松地连接到 Spotify Web API，并获取到你需要的数据。这就是我们今天要介绍的 npm 包：spotify-web-wrapper。

1. 安装

在你的项目中安装 spotify-web-wrapper 很简单，只需要运行以下命令：

npm install spotify-web-wrapper

2. 配置

在使用之前，你需要在 Spotify 开发者中心创建一个应用程序，并获取到它的客户端 ID 和客户端密码。并在你代码中引入 spotify-web-wrapper 。

const SpotifyWebApi = require('spotify-web-wrapper');
const spotifyApi = new SpotifyWebApi({
  clientId: 'YOUR_CLIENT_ID',
  clientSecret: 'YOUR_CLIENT_SECRET'
});

3. 授权

在你的 Spotify Web API 应用程序中设置好之后，你需要通过 OAuth2.0 对 Spotify 进行授权，才能使用 Spotify Web API。首先，你需要重定向用户到 Spotify 登录，并得到授权。这个过程涉及到通信，需要借助 Node.js 的 http 或 https 模块。在这里，我们将演示一种使用 Express.js 的方法。

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: true }));
app.get('/login', (req, res) => {
  const scopes = 'user-read-private user-read-email';
  res.redirect(`https://accounts.spotify.com/authorize?client_id=${clientId}&response_type=code&redirect_uri=${redirectUri}&scope=${encodeURIComponent(scopes)}`);
});

上述示例代码是通过 Express.js 路由来实现授权的。clientId 是你在 Spotify 开发者平台创建的应用程序的客户端 ID。redirectUri 是回调 URI。在成功授权后，Spotify 会调用这个 URI。encodeURIComponent(scopes) 是待请求的权限。

4. 获取访问令牌

成功授权后，你将被重定向到你的回调 URI，并带上一个「code」参数。你可以使用这个「code」参数来获取访问令牌。在使用 spotify-web-wrapper 库前，你需要获取到一个有效的访问令牌。以下示例代码展示了如何获取访问令牌：

-- -------------------- ---- -------
-------------------- ----- ----- ---- -- -
  ----- ---- - ---------------
  --- -
    ----- ---- - ----- ----------------------------------------
    ----- ------------ - --------------------------
    ----- ------------- - ---------------------------
    ----- ---------- - ------------------------

    -- ----- -----
    ----------------------------------------
    ------------------------------------------

    -----------------
  - ----- ----- -
    -----------------
    -----------------
  -
---

5. 实现功能

现在你已经成功授权，你可以轻松地使用 spotify-web-wrapper 库获取 Spotify 提供的数据。下面，让我们通过一些示例代码演示几个常用功能：

获取当前授权用户的信息

spotifyApi.getMe()
  .then(data => {
    console.log('当前授权用户:', data.body);
  })
  .catch(err => {
    console.log(err);
  });

获取当前播放列表

spotifyApi.getMyCurrentPlayingTrack()
  .then(data => {
    console.log('当前播放列表:', data.body);
  })
  .catch(err => {
    console.log(err);
  });

搜索音乐

spotifyApi.searchTracks('Love Yourself')
  .then(data => {
    console.log('搜索结果', data.body);
  })
  .catch(err => {
    console.log(err);
  });

以上是一些基本的示例，你可以根据你的项目具体需求来定制更为详细的 Spotify Web API 功能。希望这篇文章对你在使用 npm 包 spotify-web-wrapper 进行开发时有所帮助！

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