Bewerken

Delen via


Prerequisites for creating your Teams app

Before you create your Microsoft Teams app project, ensure that the prerequisites are in place. You must:

Install required tools to build your Teams app

Ensure the following requirements are met before you start building your Teams app:

  Tools Purpose For environment type
Required      
  Teams Toolkit A Microsoft Visual Studio Code extension that creates a project scaffolding for your app. Use the latest version. JavaScript and SPFx
  Microsoft Teams Collaborate with everyone you work with through apps for chat, meetings, and call - all in one place. JavaScript and SPFx
  Node.js Back-end JavaScript runtime environment. For more information, see Node.js version compatibility table for project type. JavaScript and SPFx
  Node Package Manager (NPM) Install and manage packages for use in both Node.js and ASP.NET Core applications. JavaScript and SPFx
  Microsoft Edge (recommended) or Google Chrome A browser with developer tools. JavaScript and SPFx
  Microsoft Visual Studio Code JavaScript, TypeScript, or SPFx build environments. Use the latest version. JavaScript and SPFx
Optional      
  Azure Tools for Visual Studio Code and Azure CLI Access stored data or deploy a cloud-based back end for your Teams app in Azure. JavaScript
  React Developer Tools for Chrome or React Developer Tools for Microsoft Edge A browser DevTools extension for the open-source React JavaScript library. JavaScript
  Microsoft Graph Explorer A browser-based tool that lets you run a query from Microsoft Graph data. JavaScript and SPFx
  Developer Portal for Teams A web-based portal to configure, manage, and distribute your Teams app to your organization or the Teams Store. JavaScript and SPFx

Accounts to build your Teams app

Ensure that you have the following accounts before you start building your Teams app:

Accounts Purpose For environment type
Microsoft 365 work or school account Teams developer account while developing an app. JavaScript, TypeScript, SPFx, and C# or Blazor.
Azure account Back-end resources on Azure. JavaScript, TypeScript, SPFx, and C# or Blazor.
SharePoint collection site administrator account Deployment for hosting. SPFx.

Microsoft 365 developer program

Note

To build Teams apps, you must have a work or school Microsoft 365 account. Microsoft 365 personal account can't be used.

If you have a Visual Studio Enterprise or Professional subscription, both programs include a free Microsoft 365 developer subscription. It's active as long as your Visual Studio subscription is active. For more information, see Microsoft 365 developer subscription.

If you don't have any Microsoft 365 tenant, you might qualify for a Microsoft 365 E5 developer subscription through the Microsoft 365 Developer Program; for details, see the FAQ. Alternatively, you can sign up for a 1-month free trial or purchase a Microsoft 365 plan.

You can sign up for the developer program using one of the following account types:

  • Microsoft account for personal use

    The Microsoft account provides access to the Microsoft products and cloud services, such as Outlook, Messenger, OneDrive, MSN, Xbox Live, or Microsoft 365.

    Sign up for an Outlook.com mailbox to create a Microsoft 365 account. Use it to access consumer-related Microsoft cloud services or Azure.

    Screenshot shows the personal account icon.

  • Microsoft work account for business

    This account provides access to all small, medium, and enterprise business-level Microsoft cloud services. The services include Azure, Microsoft Intune, and Microsoft 365.

    When you sign up to one of these services as an organization, a cloud-based directory is automatically provisioned in Microsoft Entra ID to represent your organization.

    Screenshot shows the work account icon.

Create a free Microsoft 365 developer account

To create a free Microsoft 365 developer account:

  1. Go to the Microsoft 365 developer program.

  2. Select Join Now.

  3. Set up your administrator account subscription.

    After the completion of the subscription, the following information appears:

    Screenshot shows the M365 Account subscription options.

Azure account

An Azure account allows you to host a Teams app or the back-end resources for your Teams app to Azure. You can do this using Teams Toolkit in Visual Studio Code. You must have an Azure subscription in the following scenarios:

  • If you already have an existing app on a different cloud provider other than Azure, and you want to integrate the app on Teams platform.
  • If you want to host the back-end resources for your app using another cloud provider, or on your own servers if they're available in the public domain.

Note

You can use Azure account to provision Azure resource to host your Teams app. You can create a free account in case you don't have any. If you don't use Teams Toolkit to provision and deploy, Azure account isn't required.

SharePoint collection site administrator account

While creating Teams app using SPFx environment, you must have a SharePoint collection site administrator account. It’s required for deploying and hosting your app on SharePoint site. If you're using a Microsoft 365 developer program tenant, you can use the administrator account you created at the time.

Verify custom app upload permission

After creating the app, you must load your app in Teams without distributing it. This process is known as custom app upload. Sign in to your Microsoft 365 account to view this option.

You can verify if the app upload permission is enabled using either Visual Studio Code or Teams client.


Verify custom app upload permission using Visual Studio Code

You can use this method to verify custom app upload permission only after you have created an app project using Teams Toolkit. If you haven't created an app project, you can verify custom app upload permission using Teams client.

  1. Open Visual Studio Code.

  2. Select Teams Toolkit from the Visual Studio Code activity bar.

    Note

    If you're unable to see the option, see install Teams Toolkit to install Teams Toolkit extension in Visual Studio Code.

  3. Create a new Teams Toolkit app project or open an existing app project.

  4. Select Sign in to Microsoft 365 under ACCOUNTS.

    Screenshot shows the accounts details.

  5. Verify if you can see the option Sideloading enabled as shown in the following image:

    Screenshot shows the custom app upload enabled option highlighted in red.


Verify custom app upload permission using Teams client
  1. In the Teams client, select Apps > Manage your apps > Upload an app.

    Screenshot shows the option to upload an app in Teams.

  2. Check if you can see the option Upload a custom app.

    Screenshot shows the option to upload a custom app in Teams.

Enable custom app upload using admin center

If the custom app upload option isn’t visible in Teams Toolkit extension in Visual Studio Code or if the option to upload a custom app isn’t available in Teams, it indicates that you don't have the required permission for custom app upload.

You must enable custom app upload in Teams:

  • If you're a tenant admin, enable the custom app upload setting for your tenant or organization in the Teams admin center.
  • If you aren't a tenant admin, contact your tenant admin to enable custom app upload.

If you have admin rights, you can enable custom app upload:

  1. Sign in to Microsoft 365 admin center with your admin credentials.

  2. Select the icon > Teams.

    Screenshot shows the Teams client in the left pane of Microsoft 365 Admin center.

    Note

    It can take up to 24 hours for the Teams option to appear. You can upload your custom app to a Teams environment for testing and validation.

  3. Sign in to Microsoft Teams admin center with your admin credentials.

  4. Select the icon > Teams apps > Setup policies.

    Screenshot shows the Setup policies under Teams apps in Microsoft 365 Admin center.

  5. Select Global (Org-wide default).

    Screenshot shows the Manage policies tab with Global (Org-wide default) option highlighted.

  6. Set Upload custom apps toggle to On.

    Screenshot shows the Upload custom apps toggle highlighted.

  7. Select Save.

    Note

    It can take up to 24 hours for custom app upload to become active. In the meantime, you can use upload for your tenant to test your app. To upload the .zip package file of the app, see upload custom apps.

    Ensure that you have the app upload permission using the steps mentioned in verify custom app upload permission using Visual Studio Code or Teams client.

See also