Hello,
I have a web application written in the latest version of Angular that I am trying to embed a microsoft chat bot into. For security purposes I was hoping to leverage a direct line token and hence have enabled "Require secured access" in Web channel security.
I am able to generate the token successfully server-side and am trying to use this token in the query string of an iframe with the url looking something like
https://copilotstudio.microsoft.com/environments/{botEnvironment}/bots/{botReference}/webchat?__version__=2&t={token}
My chatbot window does not load. Looking at the developer tools I see a 404 for the following request URL (environment and bot references abstracted)
https://{botEnvironment}.d2.environment.api.powerplatform.com/powervirtualagents/botsbyschema/{botReference}/webchatsettings?api-version=2022-03-01-preview
Is anyone able to assist me in identify what I am doing wrong? I have no issues communicating with my server from within copilot studio, just when trying to host the iframe within my web app.