Failed to load resource: the server responded with a status of 500 ()

Hello,

I’m trying to make a QuicksightEmbedding dasboard in my app, but I keep getting this error.

And a console error “Failed to load resource: the server responded with a status of 500 ()”


embedDashboard() {
            const containerDiv = document.getElementById('dashboardContainer');
            QuicksightEmbedding.createEmbeddingContext().then(e => {
            e.embedDashboard({
                url: this.embedUrl,
                container: containerDiv,
                height: '100%',
                width: '100%'
            });
        });

I’m testing on my localhost and I’ve already autorized the localhost domain on quicksight.

I’ve also tried with ngrok and the error is still there.

Hi,

Here is the complete documentation this will help you.

Regards,

Naveed Ali

I’ve tried several things and still can’t get it to work.

Basically, what I’m trying to implement is to have a QuickSight dashboard in my app, where all users who log in to my app can see the dashboard without need to log in in quicksight.

1 Like

Hello @kiko1111, if you are trying to embed the dashboard anonymously, then you will need to utilize the anonymous embedding api rather than the standard embedding.

https://boto3.amazonaws.com/v1/documentation/api/latest/reference/services/quicksight/client/generate_embed_url_for_anonymous_user.html

This should allow you to share the QuickSight resources on your website publicly. You also need to ensure that the datasets utilized by your dashboard do not have RLS implemented. RLS would not allow the dashboard to be viewed publicly. I’ll also link some documentation regarding publicly viewable dashboard permissions in case you need them as well.

Let me know if this helps!

1 Like

Hello @kiko1111, since we have not heard back from you with any further questions, I will mark my previous response as the solution. Please let me know if you require any further help on this topic, and I can guide you further. Thank you!