Answered

Integrating Custom Copilot with Angular webapp for dynamic content load

(1) Share

Report

Posted on by Mithoon

I'm presently in the process of developing a corporate internal web application using Angular along with Custom Copilot. This Custom Copilot is extended through plugins. My plan involves integrating Copilot via channels, specifically a custom website (iframe). Within Copilot, is it feasible to implement a message response handler based on external API responses, triggering the webpage to refresh with relevant content? Basically trying to provide a rich user experience with co-pilot responses.

Categories:

General

All responses (5)

Answers (1)

Verified answer

Mithoon 37 on at

Like (1)

Report

Integrating Custom Copilot with Angular webapp for dynamic content load

Pass context variables from webpage to copilot

https://learn.microsoft.com/en-us/microsoft-copilot-studio/guidance/pass-context-variables-from-webpage-to-copilot
Umianta 290 on at

Like (1)

Report

Re: Integrating Angular with Custom Copilot for Dynamic Content Handling

Hi @Mithoon
Azure AI Search might be a good fit for RAG-based retrieval. Check out the documentation here:https://azure.microsoft.com/en-us/products/ai-services/ai-search

If this was helpful:
⭐Please mark it as a solution
⭐Give me a thumbs-up
⭐Connect on LinkedIn
⭐I consistently upload technical videos. If you're interested, please visit and subscribe to my YouTube Channel
⭐Always glad to help, Umesh Khandelwal!
adilei on at

Like (1)

Report

Re: Integrating Angular with Custom Copilot for Dynamic Content Handling

That doesn't sound like a good case for Copilot Studio. Sounds like you simply want a RAG based search UX, not a conversational AI experience.
Mithoon 37 on at

Like (1)

Report

Re: Integrating Custom Copilot with Angular webapp for dynamic content load

Sure, for example using copilot user searched for a keyword - based on plugin response, dynamically load search results component on host page with filters, sorting and paging.
adilei on at

Like (2)

Report

Re: Integrating Angular with Custom Copilot for Dynamic Content Handling

Can you be more specific about the desired functionality?

Here is an example showing how to integrate BF Webchat with Angular.

https://github.com/microsoft/BotFramework-WebChat/tree/main/samples/01.getting-started/f.host-with-angular