从 Angular 应用程序更新 OKTA 的用户配置文件

如何解决从 Angular 应用程序更新 OKTA 的用户配置文件

我的问题可能很基本，但我很难找到从我自己的角度 UI 更新用户配置文件的方法。

我不认为像这样的基本用户操作会如此复杂，但似乎确实如此。

我按照说明使用 okta 用户 API 更新我的用户：

https://developer.okta.com/docs/guides/implement-oauth-for-okta/overview/

然后我尝试在我的 angular 项目中应用相同的概念，我设法使用 Okta angular 小部件，我可以注册用户并从我的应用程序登录。

这是我的配置：

oidc: {
clientId: ‘jkefkjefkjdfkjfkgfkgj’,issuer: ‘https://udhfjkhdfhejfhdjfh.okta.com/oauth2/default’,redirectUri: ‘http://localhost:8080/login/callback’,scopes: [‘openid’,‘profile’,‘email’,‘okta.users.manage.self’],testing: {
disableHttpsCheck: false
}
}

使用这个范围“okta.users.manage.self”，它给了我这样的错误： error.errorCode: invalid_scope,error.description: 未为授权服务器资源配置一个或多个范围。

经过一番研究，我发现只有“组织授权服务器”可以铸造用于访问 OKTA API 的令牌，该地址位于：

'https://udhfjkhdfhejfhdjfh.okta.com/oauth2'

但是当我使用它时，我收到以下错误：

访问获取 'https://udhfjkhdfhejfhdjfh.com/oauth2/api/v1/authn'来自原点 'http://localhost:8080' 已被 CORS 策略阻止：响应 预检请求未通过访问控制检查：否 请求中存在“Access-Control-Allow-Origin”标头 资源。如果不透明的响应满足您的需求，请设置请求的 模式为 'no-cors' 以在禁用 CORS 的情况下获取资源。

'http://localhost:8080' 位于可信源中，它可以与默认的自定义授权服务器一起正常工作。

有没有什么办法可以用 OKTA 做一个简单的日常工作，其中包括：

1. 注册用户。已经完成了
2. 使用该用户登录。已经完成了
3. 更新用户资料。我正在努力做到这一点。