angularjs – spotify的重定向URI无效

前端之家收集整理的这篇文章主要介绍了angularjs – spotify的重定向URI无效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_301_4@
我正在尝试让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,我无法从via angular获取参数

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

而我希望URI是这样的:

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

任何帮助将不胜感激,谢谢.

@H_301_4@

解决方法

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

如果PostMessages不是一个选项,您可以尝试这样做:

>启动循环以检查localStorage上的某个键
>在弹出窗口中打开登录页面.
>从回调页面,在localStorage中写入从Spotify返回的数据(即access_token,refresh_token,expires_in).
>几秒后关闭弹出窗口
>循环应该已经意识到在localStorage中写入的新值.

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

@H_301_4@ @H_301_4@

猜你在找的Angularjs相关文章