SPFx application extension that uses Azure QnA cognitive services to efficiently answer FAQs.

• SharePoint Framework Extensions

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.

• Office 365 Developer tenant with a modern site collection
• Cognitive Services QnA API Key and Knowledge Base ID (more info https://docs.microsoft.com/en-us/azure/cognitive-services/qnamaker/home) (quick start video https://qnamaker.ai/Documentation/quickstart))

• clone this repo
• edit "cognitiveservices.ts" file to set your Cognitive Services API Key and Knowledge Base ID:

private qnamakerSubscriptionKey: string = "[INSERT KEY HERE]";
private knowledgebaseId: string = "[INSERT KB ID HERE]";

• in the command line run
  • npm i
  • gulp serve-info --nobrowser

?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"1b3557f3-315d-4187-8d58-60e88e93d654":{"location":"ClientSideExtension.ApplicationCustomizer"}}

Sample SharePoint Framework application extension.

This sample illustrates the following concepts on top of the SharePoint Framework:

• using QnA Cognitive Services API
• how to improve your employees FAQ experience
• using async / await for the async calls
• how to take advantage of existing react npm packages