https://github.com/mmsharepoint/msgext-action-search-data-node
https://github.com/mmsharepoint/msgext-action-search-data-node
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/mmsharepoint/msgext-action-search-data-node
- Owner: mmsharepoint
- Created: 2024-04-09T09:50:16.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-24T10:59:45.000Z (almost 2 years ago)
- Last Synced: 2025-03-04T04:13:41.787Z (over 1 year ago)
- Language: TypeScript
- Size: 1.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# msgext action search data - Microsoft 365 App
Teams/M365 messaging extension app handling (action-based) data retrieval and writing back
## Summary
This sample is a Teams and M365 Messaging Extension app created using the Teams Toolkit for Visual Studio Code. It is also intended to be used in Copilot. It retrieves a list of products to be further dealt with: Overview listed, order e.g. while all sent with Adaptive Cards in Teams or Outlook, resp Copilot ...started with the React with Fluent UI template.
It makes use of several Teams Dev capabilities (Tap with FluentUI, Azure Function, Messaging Extension)
App result:
|Task Module to select a product|
:-------------------------:
|Order Card result with weekday order option|
:-------------------------:
|Display Order Card result|
:-------------------------:
|App in action|
:-------------------------:
## Tools and Frameworks
## Prerequisites
* [Office 365 tenant](https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment)
## Applies to
This sample was created [using the Teams Toolkit with Visual Studio Code](https://learn.microsoft.com/en-us/microsoftteams/platform/toolkit/teams-toolkit-fundamentals?WT.mc_id=M365-MVP-5004617). Nearly the same [sample](https://github.com/mmsharepoint/msgext-action-search-data) was also realized with the [using the Teams Toolkit with Visual Studio 2022](https://learn.microsoft.com/en-us/microsoftteams/platform/toolkit/toolkit-v4/teams-toolkit-fundamentals-vs?WT.mc_id=M365-MVP-5004617)
## Version history
Version|Date|Author|Comments
-------|----|--------|--------
1.0|May 07, 2024|[Markus Moeller](http://www.twitter.com/moeller2_0)|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
- Create a simple [Azure Table as described here](https://learn.microsoft.com/en-us/azure/storage/tables/table-storage-quickstart-portal?WT.mc_id=M365-MVP-5004617)
- Create entities (PartitionKey becomes Id, RowKey becomes Name, Orders=int, Category=string)
- Clone the repository
```bash
git clone https://github.com/mmsharepoint/msgext-action-search-data-node.git
```
- Create .env.local from .env.dev
```bash
copy .\env\.env.dev .\env\.env.local
```
- Fill in parameters from Azure Table: AZURE_TABLE_NAME, AZURE_TABLE_ACCOUNTNAME, AZURE_TABLE_ACCOUNT_KEY
- In Teams Toolkit:
1. First, select the Teams Toolkit icon on the left in the VS Code toolbar.
2. In the Account section, sign in with your [Microsoft 365 account](https://docs.microsoft.com/microsoftteams/platform/toolkit/accounts) if you haven't already.
3. Press F5 to start debugging which launches your app in Teams using a web browser. Select `Debug in Teams (Edge)` or `Debug in Teams (Chrome)`.
4. When Teams launches in the browser, select the Add button in the dialog to install your app to Teams.
5. Run the Messaging Extension from the offered Chat window
**Congratulations**! You are running an application that can now show a beautiful web page in Teams, Outlook and the Microsoft 365 app.