react-native - 无效的 Redirect_uri 用于使用 react native 登录 instagram

Question

我正在使用 react-native-instagram-login 对于 React Native。

这是我的代码

<InstagramLogin
  ref={instagramLoginRef}
  appId='***********'
  appSecret='*******************'
  scopes={['user_profile', 'user_media']}
  onLoginSuccess={(data) => console.log("Success")}
  onLoginFailure={(data) => console.log("Fail " +  JSON.stringify(data))}
/>

我收到以下错误

{"error_type": "OAuthException", "code": 400, "error_message": "Invalid redirect_uri"}

在 Instagram 开发者控制台中，我应该添加什么作为重定向 Uri，因为这不是网站，而是 native 应用程序。

Answer 1

来自 Instagram Basic Display API :

Valid OAuth Redirect URIs

Enter your website’s URL. Normally this would be a dedicated URI that can capture redirect query string parameters, but for this tutorial your website’s URL will be fine.

For example: https://socialsizzle.heroku.com/auth/

After you enter a URL, save your changes and check the URL again; we may have appended a trailing forward slash depending your URL structure. Copy the complete URL somewhere since you will need it in later steps to get authorization codes and access tokens.

在此 example code ，我们看到了 redirectUrl='https://www.google.com' ，这意味着你可以设置任何你想要的。它对于收集登录数据统计信息和具有用于日志记录的后端端点非常有用。

<InstagramLogin
  ref={instagramLoginRef}
  clientId="931cca1d0c154de3aafd83300ff8b288"
  redirectUrl="https://google.com"
  scopes={['basic']}
  onLoginSuccess={token => this.setState({ token })}
  onLoginFailure={data => this.setState({ failure: data })}
/>

也看看这个问题 "no response when completed"它说 redirectUrl必须以 www 开头因为 react-native-webview 中的错误.同样在这个问题上，您会看到用户示例代码有一个 Firebase 函数端点 URL redirectUrl="https://us-central1-xxx.cloudfunctions.net/url_get&response_type=token"所以它使用 Firebase 来记录/反馈登录请求。

最后，在 Facebook Developer Console 中，您只需输入有效的 OAuth 重定向 URI:



这意味着您输入接受 API 重定向的 URL；它更像是一种安全机制，但您必须在那里输入重定向 URL，否则 API 将无法工作。