Build AI integration for Microsoft 365 using ChatGPT and SPFx solution

Learn how to easily incorporate this search capability in your Microsoft 365 environment during this 16-minute developer-focused demo delivered by Nico De Cleyre. Review prerequisites - get OpenAI API key, install the web part, add web part to a site and add your API key to Properties. Code deep dive – install OpenAI package, configure chatGPT and API response parameters. Review 4 Open AI language models, options for concealing your API key and token usage optimization.

This PnP Community demo is taken from the Viva Connections & SharePoint Framework Bi-weekly sync call recorded on March 9, 2023.

Demo Presenter
• Nico De Cleyre (Ordina) | @NicoDeCleyre

Supporting materials

Learn more

[dilipkumaryadav]

Can we run this in context with a sharepoint site data?

[Kjetilmann]

Vesa: Could you do a demo of how to pass the values from the azure function to the web part in an easy way? It is an extra step that makes development slower and harder to implement, but guide in how to do it would help. Then the only obstacle would be to actually get access to an azure function (an extra hurdle in many customer scenarios).

[lassaadaissa]

chatgpt-web-part.js:77787 Refused to set unsafe header "User-Agent". how to resolve this error ?