Skip to content

rabwill/react-feedback-incoming-webhook

Repository files navigation

react-page-feedback

Summary

A simple SPFx feedback webpart which sends notifications to a Microsoft Teams channel when any user gives a feedback for a page in the portal. Uses adaptive cards for both the feedback form as well as the notification message for the connector(Incoming Webhook) to post notification in Teams.

main-image

Used SharePoint Framework Version

version

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Solution

Solution Author(s)
react-page-feedback.sppkg Rabia Williams

Version history

Version Date Comments
1.0 December 13, 2020 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

  • Clone this repository

  • Ensure that you are at the solution folder

  • in the command-line run:

    • npm install
    • gulp serve
  • Update the webpart settings to have the URL to your configured Incoming Webhook URL, see here how you can configure one

    Microsoft Graph API Permission has to be granted at a minimum of User.Read. Check this blog for more info on how to do that Grant API Permission using CLI for Microsoft365, previously knows as Office365CLI.

Features

  • The webhook URL is configurable for ease of change (should ideally be a secret, but used as a setting here for demo purpose)
  • Uses Graph to get user information to be clear on the feedback card in Teams conversation.
  • Used adaptive cards for easy development in SPFx as well as to post the message to Teams, making it more interactive and grab more attention.

References

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published