Skip to content

Latest commit

 

History

History
127 lines (88 loc) · 5.17 KB

README.md

File metadata and controls

127 lines (88 loc) · 5.17 KB
Raw
page_type description products languages extensions contentType createdDate
sample
This sample shows a feature where user can schedule a task from messaging extension action and get a reminder card at a scheduled time.
office-teams
office
office-365
csharp
samples
24-11-2021 14:00:25

Message reminder with messaging extension action

This sample shows a feature where user can schedule a task from messaging extension action and get a reminder card at a scheduled time.

Select message

Task Details

Task reminder

Prerequisites

  • .NET Core SDK version 3.1

    determine dotnet version

    dotnet --version

  • Ngrok (For local environment testing) Latest (any other tunneling software can also be used)

    run ngrok locally

    ngrok http -host-header=localhost 3978

  • Teams Microsoft Teams is installed and you have an account

To try this sample

  1. Setup for Bot In Azure portal, create a Azure Bot resource.

  2. Clone the repository

    git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git

  3. Launch Visual Studio

    • File -> Open -> Project/Solution
    • Navigate to folder where repository is cloned then samples/msgext-message-reminder/csharp/MessagingExtensionReminder.sln

  4. Run ngrok - point to port 3978

    # ngrok http -host-header=rewrite 3978

  5. Setup and run the bot from Visual Studio: Modify the appsettings.json and fill in the following details:

    • {{Microsoft-App-Id}} - Generated from Step 1 is the application app id
    • {{ Microsoft-App-Password}} - Generated from Step 1, also referred to as Client secret
    • {{ Application Base Url }} - Your application's base url. E.g. https://12345.ngrok.io if you are using ngrok.
    • Press F5 to run the project

  6. Modify the manifest.json in the /AppPackage folder and replace the following details:

    • {{Microsoft-App-Id}} with Application id generated from Step 1
    • {{domain-name}} with base Url domain. E.g. if you are using ngrok it would be https://1234.ngrok.io then your domain-name will be 1234.ngrok.io.

  7. Zip the contents of AppPackage folder into a manifest.zip, and use the manifest.zip to deploy in app store or add to Teams using step 8.

  8. Upload the manifest.zip to Teams (in the Apps view click "Upload a custom app")

    • Go to Microsoft Teams and then go to side panel, select Apps
    • Choose Upload a custom App
    • Go to your project directory, the ./AppPackage folder, select the zip folder, and choose Open.
    • Select Add in the pop-up dialog box. Your app is uploaded to Teams.

Features of this sample

Personal scope scenario

  • Select ... over message to get action create-reminder for scheduling task.

Select message

  • Task module to add task details.

Task Details

  • Reminder card of task at scheduled date and time.

Task reminder

Team scope scenario

  • Select ... over message to get action create-reminder for scheduling task.

Team message action

  • Task module to add task details.

Team Task Details

  • Reminder card of task at scheduled date and time.

TeamTask reminder

Deploy the bot to Azure

To learn more about deploying a bot to Azure, see Deploy your bot to Azure for a complete list of deployment instructions.

Further reading