新Okta账号如何启用Interaction Code？无Embedded widget登录支持面板

1. 先确认是否启用了Okta Identity Engine #

你的报错核心是环境未启用Identity Engine（IE），新创建的Okta账号部分可能默认仍使用经典引擎，需先切换：

• 登录Okta Admin控制台
• 进入 Settings > Account，找到「Upgrade to Identity Engine」选项完成升级（若未看到该选项，说明账号默认已是IE，可跳过此步）

2. 为React应用启用Interaction Code授权类型 #

升级到IE后，才能在应用配置中看到该选项：

• 进入 Applications > 你的React应用 > General 标签
• 在「Grant Types」区域，勾选 Interaction Code
• 同时确保勾选了「Authorization Code」（Interaction Flow依赖此类型）

3. 配置授权服务器的Access Policy #

除了应用配置，还需在授权服务器层面开放该授权类型：

• 进入 Security > API > Authorization Servers，选择默认的「default」服务器
• 切换到 Access Policies 标签，找到对应你的React应用的策略（若没有则新建）
• 编辑该策略，在「Grant Types」中勾选 Interaction Code

4. 代码层面的配置检查 #

确保你的@okta/okta-auth-js版本为v6.x及以上（支持Identity Engine），并且初始化AuthClient时开启交互码流：

import { OktaAuth } from '@okta/okta-auth-js';

const oktaAuth = new OktaAuth({
  issuer: 'https://your-okta-domain.com/oauth2/default',
  clientId: 'your-client-id',
  redirectUri: window.location.origin + '/login/callback',
  useInteractionCodeFlow: true, // 必须开启此选项
});

完成以上步骤后，重新调用idx.register()应该就能正常执行了。

内容的提问来源于stack exchange，提问作者Slither