This is Part 2 of a 2-part series which will show you how to make Teams applications using modern SharePoint pages. It’s not about the SharePoint Framework, which is a great option, but one that requires coding. This is the easy approach: if you can edit a SharePoint page, format a list, or make a Power App, you can make a Teams app.
Of course there are built-in tabs to allow adding a SharePoint page or PowerApp to Teams, but there are a number of advantages to building a proper Teams app:
- You can distribute and manage it centrally in the Tenant App Catalog
- Users can install it by name – no need to configure a website or Power Apps tab
- You can use app policies to set permission and target the app to the users who need it, and optionally pin it to the Teams sidebar
- You can be a hero for building a cool app (nobody has to know how easy it was!)
PART 1 – Introduces the Get Started app and explains Teams Tab principles
PART 2 (this article) – Shows how to use Teams App Studio and a new Tab Configuration web part to build your own static and configurable tabs
NOTE: This article has been updated to resolve issues where SharePoint pages were not displayed, especially in the desktop client. If you built apps using the original article, please update your solution using these instructions. Thanks!
Github was a good way to share the Get Started app, so anyone can get a copy and adapt it to their needs. But if you’re starting a new app, especially a simple one based on SharePoint pages, you might like to skip the JSON and go to a tool called App Studio.
App studio is itself a Teams app (how meta!) – and it includes a great manifest editor. You can install apps right from App Studio for testing, and then export the app package for installing into the tenant App Catalog.
Here are the installation instructions.
Begin by selecting the Manifest Editor tab and create a new manifest. The editor will open, where you can enter the app details.
Scroll through all the details and fill them in; details about each entry are in the manifest schema. Continue reading →