我在用react-native-instagram-login对于反应本机。
这是我的代码
<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,因为这不是一个网站,而是一个反应本机应用程序。
From Instagram 基本显示 API:
有效的 OAuth 重定向 URI
输入您网站的 URL。通常这个
将是一个可以捕获重定向查询字符串的专用 URI
参数,但对于本教程,您网站的 URL 就可以了。
例如:https://socialsizzle.heroku.com/auth/
输入 URL 后,保存更改并再次检查 URL;我们
可能会附加一个尾部正斜杠,具体取决于您的 URL
结构。将完整的 URL 复制到某处,因为您将需要它
后续步骤获取授权码和访问令牌。
At this 示例代码,我们看到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 })}
/>
也看看这个问题“完成后没有任何反应”它说的是redirectUrl
必须从一个开始www
因为一个错误react-native-webview
。另外,在此问题中,您将看到用户示例代码具有 Firebase 函数端点 URLredirectUrl="https://us-central1-xxx.cloudfunctions.net/url_get&response_type=token"
因此它使用 Firebase 来记录/反馈登录请求。
最后,在Facebook 开发者控制台,您只需输入有效的 OAuth 重定向 URI:
![Facebook Developer Console](https://i.stack.imgur.com/USV75.png)
这意味着您输入您接受 API 重定向的 URL;它更像是一种安全机制,但您必须在那里输入重定向 URL,否则 API 将无法工作。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)