How to add header CloudFront-Is-Mobile-Viewer in AWS Amplify?

[caiodounis]

Before opening, please confirm:

• I have checked to see if my question is addressed in the FAQ.
• I have searched for duplicate or closed issues.
• I have read the guide for submitting questions.
• I have removed any sensitive information from my code snippets and submission.

App Id

dnzn4ifojcrc4

AWS Region

us-east-1

Amplify Hosting feature

Custom headers

Question

I'm using nextjs 13 with aws amplify, and I'm trying to identify the user's device using the request header user-agent but I can see the header is coming with a fixed value Amazon Cloudfront. After a brief research I saw a couple of tutorials on how to add the headers like CloudFront-Is-Mobile-Viewer in a cloudfront distribution, but I wasn't able to do that in AWS Amplify. How can I add that header in the request headers in AWS Amplify?

[ghost]

Hi @caiodounis 👋🏽 thanks for raising this question. We do not have a way of allowing customers to use this CloudFront header at this time but we are tracking this as a feature request.

[github-actions]

This has been identified as a feature request. If this feature is important to you, we strongly encourage you to give a 👍 reaction on the request. This helps us prioritize new features most important to you. Thank you!

[caiodounis]

Hi @hloriana thanks for the reply!
Is there any other way to make Amplify not mask the user-agent header?
This way I would be able to identify the device.

[mauerbac]

This feature has just been supported with our latest launch! Closing.

Check out the details here: https://aws.amazon.com/blogs/mobile/cdn-caching-improvements-for-better-app-performance-with-aws-amplify-hosting/

[github-actions]

This issue is now closed. Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.

[github-actions]

This issue has been automatically locked.