How to redirect user to a custom website when user verifies from email verification link?

Question

I have been trying to implement aws cognito in my react application. I can successfully sign in and login a user.  My issue is after email verification link is sent to email and user verifies it, it always redirects to a default page. I have already defined a callback url in the app client setting. But I am still redirected to that default page. Any suggestions?  TIA

Joel_Ponukumatla · Answer

Cognito allows you to configure your User Pool to send an email to your users when they attempt to register an account. You can configure this email to contain a link to Cognito's Hosted UI where the user's account will be marked as confirmed.

This trigger template allows you to define an email message with a link to a static S3 bucket that you control, where the user's account will be confirmed and they can then be redirected to a URL of your choice (presumably your application).

Below URL has a sample React code on how you can achieve that .

https://docs.amplify.aws/cli/usage/lambda-triggers/#email-verification-link-with-redirect

MiguelUT · Answer

Unfortunately this isn't "natively" supported by the `amplify-js` library.  See this [Github issue](https://github.com/aws-amplify/amplify-js/issues/9006) for more information on that.  However, there is a clever work-around involving API gateway and a lambda.  For a detailed description of that, see [this Medium post](https://medium.com/@jacobjoy/redirect-user-using-amazon-cognito-confirmation-url-d8ccb11bac75) as well as [this StackOverflow answer](https://stackoverflow.com/questions/47159568/how-to-redirect-after-confirm-amazon-cognito-using-confirmation-url).

How to redirect user to a custom website when user verifies from email verification link?

Añade tu respuesta

Contenido relevante