Tab Teams app won't display in meeting stage or side chat

Question

All,

I created a default Tab app from the sample in VS Code and the app is able to load by itself just fine. However, I added capability to be loaded as part of a group meeting and when I try to load the app, I get the message below: Refused to display 'https://www.microsoft.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

Loading the app by itself continues to work.

I've tried changing the content to the bare minimum but still won't load.

Answer 1

Refer to this related question: How to fix Refused to display in a frame because it set 'X-Frame-Options' to 'sameorigin I guess the reason is the page cannot be embedded. Azure is not necessary, you can try using some tool like ngrok to redirect the url.

Answer 2

Thanks for reaching out to us, you can follow this sample https://github.com/OfficeDev/TeamsFx-Samples/tree/dev/hello-world-in-meeting to add a Tab in the side panel of a meeting.