如何通过 PKCE 将 NativeScript Angular android 移动应用程序与 Okta Auth 流程集成答案

【问题标题】：How to integrate NativeScript Angular android mobile application with Okta Auth flow ith PKCE如何通过 PKCE 将 NativeScript Angular android 移动应用程序与 Okta Auth 流程集成
【发布时间】：2020-01-04 20:56:04
【问题描述】：

我有一个 NativeScript Angular android 应用程序，我需要与 Okta 集成。我能够成功地将我的 Angular Web 应用程序与 Okta 集成，但是（因为我不是移动应用程序开发人员）我发现很难将其与移动应用程序集成在一起。我尝试浏览 Okta 官方网站 (https://developer.okta.com/docs/concepts/auth-overview/#choosing-an-oauth-2-0-flow) 上提供的文档，感觉建议是使用 PKCE 实现授权代码，我需要以下内容：

1.移动应用程序中的嵌入式浏览器，用于显示 Okta 登录页面。 2.某种本地服务器，可以接收来自Okta的带有授权码的回调，并将回调中收到的授权码与应用程序api服务集成。

你认为这是正确的思路吗？

如果是，我应该如何在移动应用程序中获取一个 Web 服务器，它的地址是什么（会是本地主机吗？）以接收来自 Okta 的回调？

是否有任何可以轻松与 NativeScript 代码集成的 JavaScript 库？

我遇到了https://github.com/openid/AppAuth-JS，但不确定如何集成它。

谢谢

【问题讨论】：

标签： angular2-nativescript okta openid-connect pkce

【解决方案1】：

您可以使用 InAppBrowser 插件的Okta widget 和 openAuth 方法来对用户进行身份验证，然后使用 再次重定向到应用程序深度链接，你可以看到该插件的example文件夹：https://github.com/proyecto26/nativescript-inappbrowser#usage

我们也在使用 React Native 的这个插件，通过深度链接重定向用户后，我们可以从 okta 获取令牌，效果很好。需要在外部域中部署 Okta 小部件并从 Okta 注册您的应用程序（Android/iOS）的深层链接，例如：

${scheme}://${host}/callback (安卓)
${scheme}://callback (iOS)

【讨论】：