Change default Cognito Hosted UI in Amplify to use an website in mobile (desktop mode)

0

Describe the bug

I have a responsive website (react) that uses Cognito as Amplify Auth. The problem is that when the user made Sign In to my customized login page, he/she can't change from mobile mode to desktop mode without being redirected to Cognito Hosted UI.

Expected behavior

The user doesn't need to confirm login every time he/she changes the view from mobile mode to desktop mode or vice versa. Even if it is extremely necessary to ensure login, at least the user should be redirected to my own customized page.

For more detailed informations (devtool imgs and screenshots)

See more in oficial Amplify-js Github forum #issue11293

aws-exports.js


const awsmobile = {
    "aws_project_region": "XXXXX",
    "aws_cognito_region": "XXXXX",
    "aws_user_pools_id": "XXXXX",
    "aws_user_pools_web_client_id": "XXXXX",
    "oauth": {
        "domain": "XXXXX",
        "scope": [
            "XXXXX"
        ],
        "redirectSignIn": "XXXXXXX",
        "redirectSignOut": "XXXXXX",
        "responseType": "code"
    },
    "federationTarget": "COGNITO_USER_POOLS",
    "aws_cognito_username_attributes": [
        "XXXXXX"
    ],
    "aws_cognito_social_providers": [
        "XXXXXX"
    ],
    "aws_cognito_signup_attributes": [
        "XXXXXX"
    ],
    "aws_cognito_mfa_configuration": "OFF",
    "aws_cognito_mfa_types": [],
    "aws_cognito_password_protection_settings": {
        "passwordPolicyMinLength": 8,
        "passwordPolicyCharacters": [
            "XXXXX"
        ]
    },
    "aws_cognito_verification_mechanisms": [
        "XXXXX"
    ],
    "aws_content_delivery_bucket": "XXXXX",
    "aws_content_delivery_bucket_region": "XXXXX",
    "aws_content_delivery_url": "XXXXX"
};


export default awsmobile;

Additional information

Please, note that this is a problem similar to #issue2115 and #issue5027 and both issues used urlopener using dependencies in React Native to resolve. Maybe the solution to my bug is something similar but considering React (not React Native).

Nessuna risposta

Accesso non effettuato. Accedi per postare una risposta.

Una buona risposta soddisfa chiaramente la domanda, fornisce un feedback costruttivo e incoraggia la crescita professionale del richiedente.

Linee guida per rispondere alle domande