react-native - react-native-app-auth 中的 RedirectURL 是什么 - 我如何返回我的应用程序？

Question

我是 React-Native 开发领域的新手，我正在尝试了解如何配置 FormidableLabs 的 react-native-app-auth 插件，以便我们应用程序的用户可以登录我们的 Identity Server 4实现，然后返回到应用程序。

我可以很容易地进入登录表单 - 但登录后它会转到浏览器中的另一个 Identity Server 页面，而不是返回到应用程序。我认为这是因为配置错误，但我在网上广泛搜索了一个答案，该答案实际上解释了 redirectUrl 实际应该指向的内容 - 在所有示例中它只指向 io.identityserver.demo:/oauthredirect .是否可以重定向回应用程序？

我还注意到，对登录页面的原始请求并未向其传递 ReturnUrl - 该参数为空。

我觉得我在这里遗漏了一些明显的东西，但我想不出它是什么。

这是来自应用程序的相关代码:

import {authorize} from 'react-native-app-auth';
...
const config = {
                    issuer: 'http://10.0.2.2:5000',
                    clientId: 'MyApp',
                    redirectUrl: '?? what goes here ??',
                    scopes: ['openid', 'profile', 'offline_access'],
                    serviceConfiguration: {
                        authorizationEndpoint: `http://10.0.2.2:5000/Account/Login`,
                        tokenEndpoint: `http://10.0.2.2:5000/connect/token`
                    }            
                }
                const result = await authorize(config);

Identity Server 在端口 5000 上运行(在我电脑的本地主机中)。

谁能指出我做错了什么？

提前致谢!

Answer 1

重定向 URI 有 2 个主要选择，第一个选项更简单但安全性稍差:

• 基于私有(private) URI 方案:com.mycompany.myapp:/callback
• 声明基于 HTTPS 方案:https://mobile.mycompany.com/callback

为了使重定向返回到应用程序，您需要向 Android/iOS 系统注册方案。

私有(private) URI 方案

我的文章应该能让您快速运行标准示例并让私有(private) URI 方案正常工作。然后，您可以在 ReactNative 应用程序中设置类似的 Android/iOS 设置:

• Android via AppAuth Sample
• iOS via AppAuth Sample

声明的 HTTPS 方案

这需要更多努力，但我的博客也有 Android/iOS 示例，您可以运行这些示例并在有兴趣的情况下阅读。