App studio microsoft how to#
App studio microsoft install#

Going a little further on the technical details, the reason behind is associated to a specific http header that is sent by the webserver hosting the website that doesn’t display ok. Just save the content below as iframetest.html and open it in your browser.Ĭlick here to download the iframetest.html file (code below). You can easily prove that is the issue with a simple html with an iFrame. So why website is not displaying on Teams (please replace by any website you are using and keep in mind that some websites work and some don’t).īut why am I getting a blank page? That is because and many other websites have a security feature that blocks them to be loaded inside an iFrame, and Teams personal tabs are implemented using an iFrame. You click your button and you just see a blank page. Ready to test!īut as any good feeling in IT is followed by a deception, it didn’t work. Voilá… you now have the nice Intranet button on your Teams client. You save your tab, go to Test and Distribute under Finish and hit Install.

App studio microsoft install#

Now we need to install the app in Teams and test (before go through the whole process to publish the app to all company users). For the purpose of this article, let’s use the ubiquitous web site (figure below).

You call the personal tab Intranet, use an unique entity id and use both Content URL and Website URL fields to point to the website you want to link. The personal tab is the entity that will be used to link your website to the button/icon that will be displayed on the Microsoft Teams interface. That is the place where you will add your Personal Tab. You fill out the basic information for the app and then click Tabs under capabilities. Run it and click on the Create a new app in the Manifest editor tab. You find out that using an app called App Studio you can create something called manifest and also a Teams App, that combines the manifest and the icons you want to display on Teams.

App studio microsoft how to#

You take the first step and research how to do it.