如何在反应应用程序中使用 okta 刷新令牌答案

【问题标题】：how to use okta refresh token in react app如何在反应应用程序中使用 okta 刷新令牌
【发布时间】：2021-11-09 07:32:48
【问题描述】：

有人可以指导如何在反应应用中使用 okta 刷新令牌吗？检查了文档，但没有太大帮助，

for eg, what is the state in below request?

**GET https://${yourOktaDomain}/oauth2/default/v1/authorize?client_id=${clientId}
 &response_type=code
 &scope=openid%20offline_access
 &redirect_uri=ourApp%3A%2Fcallback
 &state=237c671a-29d7-11eb-adc1-0242ac120002**


this is my okta config   oidc: {
    clientId: CLIENT_ID,
    issuer: ISSUER,
    redirectUri: REDIRECT_URI,
    scopes: ['openid', 'profile', 'email'],
    pkce: true,
    disableHttpsCheck: OKTA_TESTING_DISABLEHTTPSCHECK,
    postLogoutRedirectUri:REDIRECT_URI,
    responseType: ['id_token', 'token','refresh_token'],
  },
  resourceServer: {
    messagesUrl: 'http://localhost:8000/api/messages',
  },

【问题讨论】：

标签： javascript reactjs okta okta-api okta-signin-widget

【解决方案1】：

如果你想在 react 中使用 okta，你应该检查here.

要在您的应用中获取令牌，授权服务器将使用参数中的令牌重定向回 React 应用。

如果 okta 收费的话，我猜想 okta 有一个客户端库。

【讨论】：

我正在获取访问令牌和 ID 令牌，但没有刷新令牌。请就此提出建议

【解决方案2】：

您需要请求 offline 范围以获取刷新令牌，假设您的 app/authZ 服务器在他们的策略中允许这样做

【讨论】：

【解决方案3】：

结帐https://github.com/okta/okta-auth-js#tokenmanagerrenewkey 如果你有一个活跃的会话，你甚至不需要刷新令牌。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。