ms-teams-react-app

Development Setup

Evironment Variables

These files are the configurable variables of your application depending on the environment. Update the REACT_APP_BASE variable into your Web API URLs. (This can be localhost if you are testing your api and app locally.)

• .env
• .env.dev
• .env.test

Application Details

This file is for the configuration tab. The installer/manifest will need this to anchor your web app to Microsoft Teams.

• Update the following in src\shared\configurations\config.tsx

  microsoftTeams.settings.setSettings({
      suggestedDisplayName: "<YOUR_APP_NAME_HERE>",
      entityId: "<YOUR_APP_NAME_HERE>",
      contentUrl: baseUrl + "/",
      websiteUrl: baseUrl + "/",
    });
  

• Update the following in src\components\homepage\homepage.tsx

  if (msEntityId === "<YOUR_APP_NAME_HERE>" || msEntityId === undefined) 
  

• Update the following in src\shared\configurations\constants.js

  const prod = {
      url: {
          API_URL: 'https://<INSERT YOUR APPLICATION API URL HERE>'
      }
  }
  

• (Optional):Update public\index.html
  1. meta name
  2. title
  3. icon