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

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

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?

관련 콘텐츠