向 Instagram auth redirect_uri 添加查询参数不起作用？

Question

重现步骤

1. 在客户端注册一个redirect_uri：http://example.com/publisher/auth
2. 使用包含查询参数的 redirect_uri 将用户定向到 /oauth/authorize 端点：

   https://api.instagram.com/oauth/authorize/?client_id=xxx&redirect_uri=http%3A%2F%2Fexample.com%2Fpublisher%2Fauth%3FinviteId%3D00001000-cf33-11e4-9f26-8789dd0b3e01&response_type=code&scope=basic&type=web_server

   作为参考，这些查询参数是：

   client_id=xxx
   redirect_uri=http%3A%2F%2Fexample.com%2Fpublisher%2Fauth%3FinviteId%3D00001000-cf33-11e4-9f26-8789dd0b3e01
   response_type=code
   scope=basic
   type=web_server
   

3. 验证 Instagram 用户并允许应用。
4. 用户被重定向回正确的redirect_uri。
5. 使用重定向 URI 中的代码查询参数发布到 Instagram 的 /oauth/access_token 端点。

预期行为

端点响应 200 和访问令牌。

实际行为

端点响应：

code=400 error_type = 'OAuthException' error_message = 'Redirect URI doesn't match original redirect URI'

到目前为止我调查的内容

为了确认这是 Instagram 的问题，我检查了the API docs，它非常清楚地表明应该可以将查询参数添加到重定向 URI。我还尝试仅更改该查询参数。例如，当用这个 /oauth/authorize URL 替换时，我得到了预期的行为：

https://api.instagram.com/oauth/authorize/?type=web_server&client_id=xxx&redirect_uri=http%3A%2F%2Fexample.com%2Fpublisher%2Fauth&response_type=code&scope=basic

作为参考，这些查询参数是：

client_id=xxx
redirect_uri=http%3A%2F%2Fexample.com%2Fpublisher%2Fauth
response_type=code
scope=basic
type=web_server

注意事项

这个问题实际上是 another question 的副本，实际上并没有真正成为一个问题，并且从未得到任何答案。

我已经提交了 Instagram 的错误，但我想看看是否有人发现了这个错误或想出了解决方法。

Answer 1

今天遇到了同样的问题。要在请求之间传递自定义数据，您必须将其包含为 state 参数。我的授权请求 url 看起来像这样：

https://www.instagram.com/oauth/authorize?client_id=SOME_CLIENT_ID&response_type=code&redirect_uri=http://example.com/auth/InstagramRedirect/&state=855C0114-F860-420A-AEB1-A276644FCCEA

注意 & 和 state=...

Answer 2

您必须为 redirect_uri 提供额外的搜索参数作为最后一个参数：

https://www.instagram.com/oauth/authorize/?client_id=be1b911b487f4919b9c2fb7df0c4142c&type=web_server&response_type=code&scope=basic&redirect_uri=https://wpwifidemo.alepo.net/instagram/joinus/?inviteId=00001000-cf33-11e4-9f26-8789dd0b3e01

用户将被重定向到：

https://wpwifidemo.alepo.net/instagram/joinus/?inviteId=00001000-cf33-11e4-9f26-8789dd0b3e01&code=CODE

Answer 3

回答这个问题可能为时已晚。但是我今天遇到了同样的问题，并且已经发布了这个问题，并且将参数传递给身份验证 URL 的解决方案如下。

您的额外参数似乎是 type=web_server ，考虑到这一点，您获取代码的 URL 应如下所示

https://www.instagram.com/oauth/authorize/?client_id=be1b911b487f4919b9c2fb7df0c4142c&redirect_uri=https://wpwifidemo.alepo.net/instagram/joinus/?type=web_server&response_type=code&scope=basic

然后在调用 accessToken API 时，将您的 redirect_uri 参数附加到您传递的参数中（与应用程序中的配置不同）。 例如

redirect_uri=http%3A%2F%2Fexample.com%2Fpublisher%2Fauth%3FinviteId%3D00001000-cf33-11e4-9f26-8789dd0b3e01?type=web_server