Teams Single Sign on

Question

Hello, I would like to contact you for the teams Signle Sign on.
Currently, we are working on creating a contents tab by linking with ms azure storage with the Vue framework. In this process, we are working through the reference to use teams' single sign on authentication.
However, it is struggling in the process.

In the process of microsoftTeams.authentication.getAuthToken(authTokenRequest);
Failure: App resource defined in manifest and iframe origin do not match error.

The current webApplicationInfo id and resource are registered in the manifest.
resource is:
api://ms.ex.docswave.com/xxxxxxxxx
Also, the url address of the contents tab is as follows.
https://docswave-secondary.z32.web.core.windows.net/
In the authentication tab, the url address of the tab is registered and the token is also checked.

If you enter the URL because it is a problem with the application ID URI, the following error appears.

Failed to update application property. Error detail: The host name should not be based on already owned domain paramName.

What is the problem? I used vue in Azure storage to host statically and put the url in the custom tab of the teams. But it doesn't work.

I would like to know a specific answer. Also, I would like to know the specific process of how to run single sign on and azure storage in conjunction.

please answer about my question. Thank you.

Answer 1

You need to add the domain as a custom domain in Azure. https://learn.microsoft.com/en-us/azure/active-directory/fundamentals/add-custom-domain

Also, make sure you register the application and make the application single tenant. (See related issue.)