将自定义参数从angular oidc-client传递给returnurl

将自定义参数从Angular OIDC-Client传递给returnUrl是通过在OIDC配置中使用state参数来实现的。state参数可以用于在认证请求和回调之间传递自定义数据。

在Angular OIDC-Client中，可以通过在AuthConfigService中配置extraQueryParams来添加自定义参数。extraQueryParams是一个对象，其中的键值对将被添加到认证请求的查询参数中。

以下是一个示例代码，展示了如何将自定义参数传递给returnUrl：

在AuthConfigService中配置extraQueryParams：

import { AuthConfigService } from 'angular-oidc-client';

export function configureAuth(authConfigService: AuthConfigService) {
  const authConfig = {
    // 其他配置...
    extraQueryParams: {
      customParam1: 'value1',
      customParam2: 'value2'
    }
  };

  authConfigService.configure(authConfig);
}

在认证请求中使用state参数传递自定义参数：

import { OidcSecurityService } from 'angular-oidc-client';

export class LoginComponent {
  constructor(private oidcSecurityService: OidcSecurityService) {}

  login() {
    const returnUrl = 'https://example.com/callback';
    const state = {
      customParam1: 'value1',
      customParam2: 'value2'
    };

    this.oidcSecurityService.authorize({ returnUrl, state });
  }
}

在上述示例中，extraQueryParams配置了两个自定义参数customParam1和customParam2。在登录方法中，使用authorize方法发起认证请求，并传递了returnUrl和state参数。state参数中包含了自定义参数。

这样，在认证成功后，OIDC服务提供商将会将state参数的值包含在回调URL中的查询参数中。您可以在回调处理程序中提取这些自定义参数，并根据需要进行处理。

请注意，以上示例中的代码是基于Angular OIDC-Client库的使用。对于其他OIDC库或框架，具体的实现方式可能会有所不同。