spotify的重定向URI无效

Question

我试图让Spotify API与AngularJS一起使用。我在授权阶段（https://developer.spotify.com/web-api/authorization-guide/）收到了无效的重定向URI错误。

我在白名单中添加了redirect_uri，当我有一个像

这样的URI时它就可以了

http://localhost:3000 

但是当我有一个带散列的URI

时，它不起作用

http://localhost:3000/#/main

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

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应用程序（{{1}之间进行通信}）。

如果PostMessages不是一个选项，您可以尝试：

1. 开始循环以检查app.js
上的某个键
2. 以弹出窗口打开登录页面。
3. 在回调页面中，在localStorage中写下您从Spotify返回的数据（例如localStorage，access_token，refresh_token）。
4. 几秒后关闭弹出窗口
5. 循环应该已经实现了在localStorage中写入的新值。

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