9c7dca8713 | ||
---|---|---|
.. | ||
assets | ||
config | ||
src | ||
teams | ||
.gitignore | ||
.yo-rc.json | ||
README.md | ||
gulpfile.js | ||
package-lock.json | ||
package.json | ||
tsconfig.json | ||
tslint.json |
README.md
SPFx WebPart in Teams Meetings App
Demo SPFx web part project that demonstrates using as a Microsoft Teams meetings app. This is associated with the SPFx docs tutorial: Tutorial: Build meeting apps for Microsoft Teams with SPFx
Summary
This project demonstrates a SPFx web part used as a Microsoft Teams meetings app with minimal functionality.
Compatibility
Applies to
Prerequisites
- Administrative access to MS Teams to deploy the package
Solution
Solution | Author(s) |
---|---|
js-teams-meeting-app | Andrew Connell (@andrewconnell), Voitanos, LLC |
Version history
Version | Date | Comments |
---|---|---|
1.0 | April 27, 2021 | Initial release |
Disclaimer
*THIS CODE IS PROVIDED AS IS- WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
Minimal Path to Awesome
Refer to the above mentioned SPFx tutorial for full repro instructions.
-
Clone this repository
-
ZIP the contents of the ./teams folder, but not the folder itself
- rename the ZIP to TeamsSPFxApp.zip
-
From the command line install all dependencies and create the package:
npm install gulp bundle -p gulp package-solution -p
-
Upload the .sppkg to your SPO tenant's app catalog & deploy it
- select the uploaded package, then select the Sync to Teams button in the Files tab in the ribbon
-
In Microsoft Teams, create a new meeting using the Calendar app in the leftmost navigation bar
- After creating the meeting, edit it, and select the + in the tab bar
- Select the app you deployed to install the app