angularjs – spotify的重定向URI无效

发布时间：2020-12-17 16:57:54 所属栏目：安全来源：网络整理

导读：我正在尝试让Spotify API与AngularJS一起使用.我在授权阶段( https://developer.spotify.com/web-api/authorization-guide/)收到无效的重定向URI错误. 我在白名单中添加了redirect_uri,当我有一个像你这样的URI时它就可以工作了 http://localhost:3000 但是

我正在尝试让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>

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

解决方法

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

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!