api - 如何使用 Spotify 视图 API？

Question

如何正确使用 Spotify Views API？

https://developer.spotify.com/technologies/apps/docs/preview/views/index.html

我正在尝试在 div 中实现一个 throbber，所以我使用以下代码：

    require(['$views/throbber#Throbber'], function(Throbber) {

      var favs = document.getElementById('favs');
      var throbber = Throbber.forElement(favs);

    });

但这会引发“ReferenceError：require is not defined”。当我这样使用它时：

    var sp = getSpotifyApi();
    sp.require(['$views/throbber#Throbber'], function(Throbber) {

      var favs = document.getElementById('favs');
      var throbber = Throbber.forElement(favs);

    });

它抛出了这个错误。“TypeError: Object $views/throbber#Throbber has no method 'match'”。

Answer 1

Throbber组件仅在 1.X API 上可用，使用您的第一个代码片段的语法。

为了让 Spotify 客户端知道您正在使用该版本的 API，您需要在manifest.json文件中指定使用 1.X API，方法是添加一个包含和框架的Dependencies属性：apiviews

"Dependencies": {
    "api": "1.0.0",
    "views": "1.0.0"
}