使用 React Native 的 Auth0 身份验证 API

关键词：

【中文标题】使用 React Native 的 Auth0 身份验证 API【英文标题】：Auth0 Authentication API with React Native 【发布时间】：2018-09-22 01:19:24 【问题描述】：

我目前正在开发一个响应原生的移动应用程序，并使用 Auth0 进行用户管理。我使用的是我自己的登录、注册和忘记密码屏幕，而不是他们的锁定小部件。我能够通过调用他们的身份验证 api 以及使用他们的管理 api 进行帐户链接来实现无密码的短信和电子邮件。但是，一旦他们已经拥有一个帐户，我就很难通过 api 使用他们的电子邮件和密码对用户进行身份验证。在我看来，应该有一个端点，您可以在请求正文中包含电子邮件和密码。我想知道是否有人可以帮助我了解如何使用 auth0 的 api 简单地登录用户。提前致谢。

【问题讨论】：

authentication workflow is covered here 【参考方案1】：

看看这个 react native（嵌入式登录自定义 UI）示例（有点过时） - 大约 6 个月前写的，但它应该为您提供很好的见解 - https://github.com/auth0-samples/react-native-embedded-login

登录逻辑是here

欢迎在下方留下问题。

【讨论】：

哇，效果很好。我发现令人惊讶的是，他们的文档中几乎没有提及这一点。非常感谢。 非常欢迎，同意。 Auth0 倾向于提倡在移动设备上使用用户代理覆盖（浏览器 + 重定向），而今天的大多数快速入门和示例都集中在这一点上。 @arcseldon 我正在尝试在我的 React Native 应用程序中使用 Auth0 实现自定义登录。我查看了您的代码示例，虽然它们看起来不错且易于理解，但您的代码似乎没有使用PKCE 方法。 PKCE 方法不是推荐且安全的方法吗，我认为需要多次往返 Auth0 API 才能提高安全性？

在 React Native 上通过 Auth0 进行 Instagram 身份验证（不是登录）？

...他们的照片。此功能只是应用程序中的一个小选项。我想使用Auth0来处理InstagramAPI访问，但 查看详情

通过管理 API Auth0 React Native 补丁用户

】通过管理APIAuth0ReactNative补丁用户【英文标题】：Auth0ReactNativepatchuserbyManagementAPI【发布时间】：2021-07-0417:04:44【问题描述】：我想在我的Auth0身份验证中修补用户的user_metadata，但我收到以下错误："error":"Unauthorized","message":"Missin... 查看详情

React Native 中的 Auth0 刷新令牌失败并显示 401

】ReactNative中的Auth0刷新令牌失败并显示401【英文标题】：Auth0refreshtokeninReactNativefailswith401【发布时间】：2021-06-1112:21:52【问题描述】：在我的ReactNative应用程序中——初始化应用程序不是Expo——我正在尝试刷新access_token，但我... 查看详情

React：如何模拟 Auth0 以使用 Jest 进行测试

】React：如何模拟Auth0以使用Jest进行测试【英文标题】：React:HowtomockAuth0fortestingwithJest【发布时间】：2020-05-1711:54:44【问题描述】：我正在使用React（react-create-app和TypeScript）。使用Auth0进行登录。我想用Jest编写测试，我发现这个... 查看详情

ITP 使用 auth0-react 阻止 Auth0

】ITP使用auth0-react阻止Auth0【英文标题】：ITPblocksAuth0withauth0-react【发布时间】：2021-04-2111:26:21【问题描述】：SafariITP在我的React应用程序中阻止了我的Auth0身份验证，似乎Firefox也在做类似的事情。我尝试了各种解决方案，例如在... 查看详情

如何将 Auth0 与 react-admin 一起使用？

】如何将Auth0与react-admin一起使用？【英文标题】：HowtouseAuth0withreact-admin?【发布时间】：2020-04-2217:54:34【问题描述】：我正在尝试在react-adminv3应用程序中使用Auth0实现身份验证。我需要实现一个与Auth0对话的authProvider。这听起来... 查看详情

如何使用钩子从我的 React 应用程序更新 Auth0 锁定徽标

】如何使用钩子从我的React应用程序更新Auth0锁定徽标【英文标题】：HowdoiupdateAuth0locklogofrommyReactAppusinghooks【发布时间】：2020-04-1506:06:27【问题描述】：我正在使用auth0"@auth0/auth0-spa-js":"^1.6.0"我的反应应用程序的钩... 查看详情

Auth0：如何使用带有 React 前端的 M2M 令牌提交 POST

】Auth0：如何使用带有React前端的M2M令牌提交POST【英文标题】：Auth0:HowtoSubmitPOSTUsingM2MTokenwithReactFrontend【发布时间】：2019-11-1304:49:23【问题描述】：我无法找到任何解决方案来集成有效的POST请求提交，使用Auth0的M2M令牌客户端凭... 查看详情

React Native (Android) - 应用在“打开方式”列表中出现两次

】ReactNative(Android)-应用在“打开方式”列表中出现两次【英文标题】：ReactNative(Android)-appappearstwiceon"Openwith"list【发布时间】：2021-01-0620:16:07【问题描述】：我正在开发一个支持Auth0的反应原生应用程序。当用户打开android... 查看详情

Auth0 锁定组件未在带有容器选项的 React 中显示

...taineroption【发布时间】：2017-11-1408:54:45【问题描述】：（使用React）我有一个/login路由和一个/signup路由来显示Login和SignUp组件。在我的Login组件中，我使用Auth0\'sLockcomponent来显示登录表单，并且我还使 查看详情

通过 Auth0 React 和 ASP.net 核心授权然后使用 JWT 令牌

】通过Auth0React和ASP.net核心授权然后使用JWT令牌【英文标题】：AuthorizingandthenusingJWTTokenwithAuth0React&ASP.netcore【发布时间】：2020-04-2822:04:59【问题描述】：我正在构建一个反应应用程序，使用Auth0作为我的oauth身份验证并使用ASP.N... 查看详情

Auth0 和 React 的 CORS 问题

】Auth0和React的CORS问题【英文标题】：CORSproblemswithAuth0andReact【发布时间】：2016-04-0209:47:03【问题描述】：我目前正在尝试在我的NodeJS+React应用程序中实现Auth0。给出的这个教程真的很好而且很有帮助，虽然我有一个大问题。每次... 查看详情

使用 Formik 的 React-Native 选择器

】使用Formik的React-Native选择器【英文标题】：React-NativePickerwithFormik【发布时间】：2017-12-2415:00:12【问题描述】：我的基本表单工作正常，但是，由于react-native有一些警告，我可以使用一些帮助来了解问题是我如何使用formik，还... 查看详情

在 expo 中运行使用 react-native-cli 创建的 react-native 应用程序

】在expo中运行使用react-native-cli创建的react-native应用程序【英文标题】：Runreact-nativeappcreatedusingreact-native-cliinexpo【发布时间】：2017-09-3011:25:08【问题描述】：我是react-native初学者。在我之前的教程中，我使用react-nativeinitAppName创... 查看详情

使用带有样式组件的动画（react-native）

】使用带有样式组件的动画（react-native）【英文标题】：UsingAnimatedwithstyled-components(react-native)【发布时间】：2017-05-1611:06:56【问题描述】：我遇到以下错误（通过iOS测试）：无法读取null的属性“getScrollableNode”在尝试将react-native... 查看详情

带有旧版本的 react native 的新 React Native 项目

...】：我正在尝试创建一个新的reactnative项目，该项目应该使用旧版本的react-native。我想要的结果是：react-nativeinitMyProject，但它使用的react-native 查看详情

React-native：如何在 React-native 中使用（和翻译）带有 jsx 的 typescript .tsx 文件？

】React-native：如何在React-native中使用（和翻译）带有jsx的typescript.tsx文件？【英文标题】：React-native:Howtouse(andtranslate)typescript.tsxfileswithjsxinReact-native?【发布时间】：2017-04-2713:33:20【问题描述】：我是来自reactjs+typescript的React-native... 查看详情

使用 react-native-pdf 在 react-native 上获取准确的 x 和 y 坐标

】使用react-native-pdf在react-native上获取准确的x和y坐标【英文标题】：Gettingtheexactxandycoordinatesonreact-nativeusingreact-native-pdf【发布时间】：2021-05-0707:45:32【问题描述】：我试图创建一个PDF查看器并通过将项目（文本、图像）插入到我... 查看详情