对于使用本机反应的 Instagram 登录,Redirect_uri 无效

2023-11-21

我在用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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

对于使用本机反应的 Instagram 登录,Redirect_uri 无效 的相关文章

  • Animated.Event 在 React Native 中如何工作?

    我理解正确吗 这两套代码的意思是一样的吗 在性能或者可靠性上有什么区别吗
  • 如何在另一个自定义 Hook 中使用返回值的自定义 Hook?

    我正在使用 React native 其中有一个名为的自定义 HookuseUser使用以下方法从 AWS Amplify 获取用户信息Auth getUserInfro方法 然后获取返回对象的一部分并用它设置一个状态变量 我还有另一个名为
  • React - 如何在不使用构造函数的情况下访问道具

    注意 我在使用 React Native 时遇到了这个特定问题 但我想这也适用于 React 我有一个使用 React Component 构建的反应组件 我不需要设置状态 但我确实有道具 我建议的语法如下 class Header ext
  • 无法解析“反应导航”

    当我安装并尝试使用react navigation 从 react navigation 导入 StackNavigator 时 我正在尝试react native并出现以下错误 Error https i stack imgur com
  • React Native 上的文本缩进

    我需要缩进 React Native 段落的第一行 但使用常见的csstext indent财产 textIndent 与 React Native 不兼容 伪元素选择器也不兼容 例如 first line 有什么方法可以做到这一点而不用将
  • React Native this.'function' 不是一个函数

    我正在学习 React Native 和 Redux 这里有很多与我类似的问题 但我很难与我的问题联系起来 当我在另一个方法中调用一个方法时 它不断地返回给我 this some function 不是一个函数 我真的不知道该怎么做 这是我
  • Apollo graphql 将标头设置为 authmiddleware 不起作用

    我正在使用react native和apollo客户端 如果我尝试通过存储在AsyncStorage中的jwt设置标头 它似乎不起作用 其他不需要标头的解析器工作得很好 我的代码如下所示 import ApolloClient from a
  • React Native - NSNumber 无法转换为 NSString

    下面是我的反应组件的一部分 我有一个名为 daysUntil 的道具进入此组件 其中包含一个数字 在此示例中 传递数字 0 导致 fontWeight 函数返回 700 render function return
  • React Native:将变量设置为相同值时无限重新渲染[重复]

    这个问题在这里已经有答案了 我正在使用 React Native 功能组件 如下所示 export const Component1 gt const var1 setVar1 useState false setVar1 false re
  • React Native/TypeScript/测试库/Jest 的设置不起作用

    我正在尝试设置一个 React Native TypeScript 应用程序以使用 Jest 进行测试和 testing library react native 到目前为止我收到这个错误 Warning React createEleme
  • React Native ListView:前置项目

    是否可以将项目添加到 React Native 的 ListView 上onTopReached事件类似于将项目附加到onEndReached事件 目前 当我将行添加到列表中时 ListView 会滚动到顶部 用例 我有一个带有用户可以向下
  • React Native“无法打开设置重新映射的类缓存”

    我收到这个错误 FAILURE Build failed with an exception What went wrong Could not open settings remapped class cache for 1a8j0dwq
  • React Native 动画 setValue() 问题?

    实际上我正在尝试设置动画的值设定值 after 动画 timing 已完成并希望在循环动画中使用此更新的动画值 Initialising animation value 50 const leftAnim useRef new Animat
  • 运行 React Native 项目时出现连接拒绝错误

    我使用命令创建新的反应本机项目 react native init myProject 但是当我想使用以下命令在模拟器或真实设备上运行它时 react native run android 我收到此错误并且应用程序未构建 FAILURE B
  • 是否可以在 mailto url 中添加新行?

    我正在尝试打开电子邮件客户端mailto来自我的反应本机应用程序的网址 用于打开客户端的代码片段 const body my email nbody Linking openURL mailto email protected cdn cg
  • 访问Expo SQLite数据库的物理存储

    我正在 expo CLI 下使用 React Native 开发一个 android 应用程序 我正在尝试使用 expo sqlite 库创建并写入数据库 我的测试环境是我的 Android 手机 通过扫描浏览器上的 Metro 捆绑包中显
  • 使用 React Native 隐藏在 TabBarIOS 后面的内容

    我正在使用 React Native 构建一个 iOS 应用程序 并正在实现一个TabBarIOS 选项卡上的内容似乎流到后面并被栏遮挡 在 xcode 中 我只是取消选中 扩展边缘 框 但不知道如何使用 React Native 来做到这
  • 在 React Native 中实现警报的最佳方法?

    我需要将警报功能添加到我的反应本机应用程序中 您必须手动停止 暂停的闹钟像这些 https www androidauthority com alarm clock apps android 101618 为此 我一直在浏览以了解应该实施哪
  • Mapview - 检查“App”的渲染方法

    我正在使用 React Native 在应用程序中构建地图视图 但当我运行应用程序时出现此错误 检查 App 的渲染方法 这段代码有什么问题 抱歉 我是本机反应新手 App js import React Component Fragmen
  • 连接到 Apple Music

    所以我尝试使用 React Native 应用程序从 iOS 设备连接到 Apple Music 有一个 API 可以执行相同的操作 但我需要从 storekit 框架调用一个函数 提出个性化请求 苹果音乐API https develop

随机推荐

  • Homebrew:没有 smpeg 的公式

    我正在尝试使用 Python3 在 Mac OS 10 6 8 上安装 Pygame 我正在尽力遵循此处的说明 http florian berger de en articles installing pygame for python
  • 使用 PySerial 从 Arduino 到 Raspberry Pi 的串行接收在一段时间后停止

    我正在开发一个项目 其中我必须一次接收大约 25 个字符的数据 以便在 Raspberry Pi 中处理它 下面是生成一些我想从 Arduino 接收的数据的示例代码 char i 0 char a 0 char b 0 void setu
  • 从 YUV 创建 CVPixelBuffer,并支持 IOSurface

    因此 我从网络回调 voip 应用程序 中获取 3 个独立数组中的原始 YUV 数据 据我了解 您无法使用以下命令创建 IOSurface 支持的像素缓冲区CVPixelBufferCreateWithPlanarBytes根据here 重
  • 隐藏元素不会复制到剪贴板

    我正在尝试添加按钮来复制简单的文本字符串 但没有成功 function kopiraj var copyText document getElementById toCopy copyText select document execCom
  • 在 Xcode 6 beta 5 中使用 += 时,'[(UIView)]' 与 'UInt8' 不同。使用追加方法?

    我正在使用 将 UIView 指向数组 但这似乎不再起作用 线路 dropsFound hitView 给出错误 UIView 与 UInt8 不同 这是该方法的一部分 请注意 从 Xcode 6 beta 5 开始 hitTest 现在返
  • iOS 多任务处理中进入后台时线程的行为

    在运行一些测试时 我注意到当应用程序 没有后台权限 即 voip gps 等 进入后台状态时 当时运行的任何后台线程 或并发 NSOperations 似乎都会暂停 未终止 当应用程序进入前台时 它们会继续 我在任何地方都看不到这个线程行为
  • 如何在 Linux shell 中使用正则表达式从文件中提取 IP 地址?

    如何在Linux shell中通过正则表达式提取文本部分 比方说 我有一个文件 其中每一行都是一个 IP 地址 但位置不同 使用常见的 UNIX 命令行工具提取这些 IP 地址的最简单方法是什么 你可以使用grep把他们拉出来 grep o
  • 在不创建项目的情况下使用 eclipse CDT

    我目前正在学习 c 我的第一语言是 python 我习惯在 pydev 中的 eclipse 中编码 我通过编写大量代码片段来学习语言 并广泛使用调试器来了解实际发生的情况 现在 我下载了 CDT for eclipse 因为我已经习惯了这
  • Flutter - 如何在streambuilder中使用await?

    我想在streambuilder 中使用await 但是 如果您在内部使用 async 则会出现错误 在下面的代码中 这就是我想要解决的部分 如果我能告诉你如何做的话 非常感谢 class MemoStreamState extends S
  • GKGraphNode costToNode 方法的子类永远不会被调用

    我正在尝试对 GKGraphNode2D 进行子类化 以包含针对不同地形的不同惩罚 在 costToNode 方法中 当我使用新子类的数组创建新的 GKGraph 并在 GKGraph 上调用 findPathFromNode 时 它 完全
  • erlang 中的 is_proplist 吗?

    如何获取列表的类型 如果列表是 proplist 我想执行代码 让我们说L a 1 b 2 c 3 列表是L吗 我将它转换为proplist 就像 L a 1 b 2 c 3 如何判断列表是否是 proplist erlang is lis
  • 通过 Coldfusion 中的 cfset 进行长/多行内容

    有没有一种方法可以使用 cfset 设置变量 其作用更像 cdata 标签 或者是否有另一种方法可以让页面设置一些基本变量并为主要内容设置几个较长的变量 ie
  • 在量角器测试中,有没有一种方法可以在测试运行之间等待

    在量角器中 有没有一种方法可以在每次测试运行之间添加显式等待 这与Java中的Thread sleep具有相同的效果 您可以在调试模式下启动量角器 run protractor debug debugging yourConfigFile
  • Rails 没有使用我的全局 Ruby 版本

    我想将 Rails 与 Ruby 2 1 0 一起使用 但它使用的是 Ruby 1 9 3 系统版本 我在用着rbenv管理我的 Ruby 版本 我的步骤大致如下 rbenv install 2 1 0 rbenv global 2 1 0
  • 使用谷歌电子表格脚本复制并粘贴

    我想修改下面显示的脚本 这样如果重新运行 它不会覆盖预先存在的数据 而是写入其下的行 我使用谷歌电子表格 moveValuesOnly fonction var ss SpreadsheetApp getActiveSpreadsheet
  • 在 Github 上发布项目版本(二进制/源代码包)?

    Does Github提供为项目创建发布页面的选项吗 我注意到它可以让您为源创建不同的标签 但找不到可以添加发行说明 构建包等的 UI web 更新日期 2013 年 7 月 2 日 你现在可以定义一个版本 Releases 将软件交付给最
  • jquery.on 滚动不起作用

    我正在尝试构建一个 DOM 事件记录器 以便可以回放用户如何与页面交互 我想使用 jquery on 功能 这样我就可以记录页面上的所有事件 在这个特定的实例中 我试图记录滚动事件 但最终我想记录各种事件 这是我的 JS Fiddle 的链
  • 仅 ONE VIEW 横向模式

    我完成了我的 iOS 应用程序 但我只需要将一个视图设置为横向模式 其余视图只能在纵向模式下看到 我使用的是 Xcode 5 1 并且通过从右侧面板放入故事板视图控制器来创建所有视图 因此 如果您要告诉我在某处编写一些代码 请准确地告诉我需
  • 如何根据 Javadoc 警告使 gradle 构建失败

    我正在使用 Java 7 尽管使用 1 6 进行编译 来编译类和 javadocs 我已经消除了出现的所有 javadoc 警告 但想法是如果存在任何 javadoc 警告 则构建失败 使用 Java 8 这是默认行为 但是 它在警告方面也
  • 对于使用本机反应的 Instagram 登录,Redirect_uri 无效

    我在用react native instagram login对于反应本机 这是我的代码