page_type	languages	products	name	urlFragment	description	extensions
sample	typescript	office-teams office	Incoming Webhook Notification	officedev-teamsfx-samples-bot-incoming-webhook-notification	This is a sample which shows how to send notification via Incoming Webhook in Microsoft Teams channels.	createdDate 2022-03-31

Getting Started with Incoming Webhook Notification

An Incoming Webhook Sample provides an easy way to send adaptive cards in Microsoft Teams channels. The webhooks are used as tools to track and notify.

This sample illustrates

• How to create an Incoming Webhook in Teams.
• How to send Adaptive Cards in Teams.

Prerequisite to use this sample

• Node.js, supported versions: 18, 20, 22
• A Teams Channel

Minimal path to awesome

Run the app locally

1. Add an incoming webhook in Teams.
2. Clone the repo to your local workspace or directly download the source code.
3. Replace the placeholder <webhook-url> with the webhook URL in ./src/index.ts

   const webhookUrl: string = "<webhook-url>";

4. Open Debug View (Ctrl+Shift+D) and select "Attach to Incoming Webhook" in dropdown list or execute the command npm install, npm run build and npm run start.
5. In the Teams channel, you can find the Adaptive Cards sent from the Incoming Webhook Sample.

Version History

Date	Author	Comments
May 23, 2022	XiaofuHuang	update to support Teams Toolkit V4.0.0
Dec 6, 2022	XiaofuHuang	update to support Teams Toolkit v5.0.0

Feedback

We really appreciate your feedback! If you encounter any issue or error, please report issues to us following the Supporting Guide. Meanwhile you can make recording of your journey with our product, they really make the product better. Thank you!