angularjs - Spotify 的重定向 URI 无效

Question

我正在尝试让 Spotify API 与 AngularJS 一起工作。我在授权阶段收到无效的重定向 URI 错误 ( https://developer.spotify.com/web-api/authorization-guide/ )。

我在白名单中添加了 redirect_uri，当我有一个 URI 时它可以工作，例如

http://localhost:3000 

但是当我有一个带有哈希值的 URI 时它不起作用

http://localhost:3000/#/main

我想使用后一个 URI 的原因是因为前者我得到了一个 URI，我无法通过 angular 获取参数

http://localhost:3000/<parameters returned from spotify>/#/main) 

而我希望 URI 是这样的:

http://localhost:3000/#/main/<parameters returned from spotify>

任何帮助将不胜感激，谢谢。

Answer 1

有几种方法可以做到。我建议你看看 possan/webapi-player-example ，它使用 AngularJS 构建并使用 PostMessage在重定向 URI ( callback.html ) 和 Angular 应用程序 ( app.js ) 之间进行通信。

如果 PostMessages 不是一个选项，你可以试试这个:

开始循环以检查 localStorage 上的某个键

在弹出窗口中打开登录页面。

从回调页面，写在 localStorage您从 Spotify 取回的数据(即 access_token 、 refresh_token 、 expires_in )。

几秒钟后关闭弹出窗口

循环应该已经意识到在 localStorage 中写入的新值。

前面的流程虽然有点复杂，但在 iOS 设备等环境中运行良好，有时无法在回调页面和“主”页面之间正确通信。