https://github.com/waldekmastykarz/spfx-teams-meetings

https://github.com/waldekmastykarz/spfx-teams-meetings

Last synced: 28 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/waldekmastykarz/spfx-teams-meetings
• Owner: waldekmastykarz
• Created: 2021-01-12T13:12:10.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-05-05T01:01:06.000Z (over 3 years ago)
• Last Synced: 2024-04-23T14:10:39.711Z (7 months ago)
• Language: TypeScript
• Size: 165 KB
• Stars: 0
• Watchers: 3
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# spfx-teams-meetings

## Summary

Solution to repro the issue with using SharePoint Framework solutions as Teams meetings apps.

## Prerequisites

- [SharePoint app catalog](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)

- [Sideloading apps in Teams enabled](https://docs.microsoft.com/sharepoint/dev/spfx/integrate-with-teams-introduction#turn-on-side-loading-of-external-apps-in-teams)

## Repro steps

1. Deploy .sppkg

    1. Go to SharePoint app catalog

    1. From the `sharepoint/solution` folder, upload the `spfx-teams-meetings.sppkg` file to SharePoint app catalog and deploy the package globally

1. Deploy the Teams app

    1. Go to Teams @ [https://teams.microsoft.com](https://teams.microsoft.com)

    1. From the left rail, choose **Apps**

    1. From the menu, choose **Upload a customized app** and then **Upload for Contoso**

    1. In the file dialog, from the `teams` folder, select the `spfx-teams-meetings.zip` file

    1. From the list of apps, open the **SPFx Meetings** app and choose **Add to a team**

    1. Select a team and choose **Set up a tab**

    1. When then **SPFx Meetings** dialog opens with a Teams logo, choose the **Save** button

1. Add the app to a meeting

    1. In Teams, switch to Calendar and schedule a meeting with at least one participant

    1. After creating the meeting, select it in the calendar view and choose **Chat with participants**

    1. In the meeting chat, on the top bar, choose **+** and from the list of available apps select **SPFx Meetings**

    1. In the **SPFx Meetings** app info dialog, choose **Add**

    1. When the **SPFx Meetings** app dialog with Teams logo shows, choose **Save**. You'll see error similar to the following:

        > Error: [HTTP]:500 - Internal Server Error [CorrelationId]:428ea09f-90f9-2000-6d2d-33985065ad25 [Version]:16.0.0.20809

        The error is caused by the following request:

        ```text

        POST https://contoso.sharepoint.com/_api/web/hostedapps/add

        {"hostType":"Teams","webPartDataAsJson":"{\"dataVersion\":\"1.0\",\"description\":\"HelloWorld description\",\"id\":\"111951e7-ceb0-4c7b-8f9a-3c4f8991715e\",\"properties\":{\"description\":\"HelloWorld\"},\"instanceId\":\"b1db25f6-6181-4e51-8347-205d9cef6159\",\"title\":\"HelloWorld\"}"}

        ```

## Support in SPFx

When building meetings app in SPFx, it would be helpful to expose the [meetings context information](https://docs.microsoft.com/en-us/microsoftteams/platform/apps-in-teams-meetings/create-apps-for-teams-meetings?tabs=dotnet#meeting-apps-api-reference) through SPFx to use the existing infrastructure (permission requests and service principal to connect to Graph) to simplify the process of building these apps and not require server-side components like bots.