Плохой запрос возвращается, когда Amplify настроен для размещенного пользовательского интерфейса в Angular 6

Question

Изучал документацию по Amplify, чтобы настроить размещенный в AWS Cognito пользовательский интерфейс в Angular 6. Получение 400 неверных запросов после входа в систему.

Ниже приведена информация:

1. In main.ts AWS Amplify настроен.

Amplify.configure({
  Auth: {
    region: 'us-east-1',
    userPoolId: 'us-east-1_XXXX',
    userPoolWebClientId: 'CLIENT_ID',
    oauth: {
      domain: 'IDP.auth.us-east-1.amazoncognito.com',
      scope: ['openid'],
      redirectSignIn:  'http://localhost:4200/',
      redirectSignOut: 'http://localhost:4200/',
      responseType: 'code', 
      options: {
        AdvancedSecurityDataCollectionFlag: true
      }
    }
  }
});

2. В app-component.ts :

 import { Auth} from 'aws-amplify';

 onLoginClick() {
    Auth.federatedSignIn();
 }

3. Хромированная консоль logs.

4. Вкладка «Сеть».

Answer 1

Наконец-то найдено решение.

1. Нам нужно создать пул пользователей без генерации client_secret.

Обновлен package.json

    "aws-amplify": "1.1.28",
    "@aws-amplify/ui": "1.0.19",

Отключенная аналитика:

Amplify.configure({
  Auth: {
    region: 'us-east-1',
    userPoolId: 'us-east-1_XXXX',
    userPoolWebClientId: 'client_id',
    oauth: {
      domain: 'idp.auth.us-east-1.amazoncognito.com',
      scope: ['openid'],
      redirectSignIn:  'http://localhost:4200/',
      redirectSignOut: 'http://localhost:4200/',
      responseType: 'code',
      options: {
        AdvancedSecurityDataCollectionFlag: true
      }
    }
  },
  Analytics:{
    disabled:true
  }
});

Вывод: