How to use Web Chat for embedding Azure Bot when public access is disabled for bot (under Networking)

Anisha KC 105 Microsoft Employee

Hi,

I want to embed an Azure Bot into a React application. If I simply copy the iframe code that is provided in the "Channels" under "Settings" for the bot, it will not work. The embedding shows up but as soon as I send a message, I get an error and if I check browser network I can see it fails with 403 (Forbidden): {

"error": {

"code": "NetworkDenied",

"message": "The PublicNetworkAccess directline is disabled."

}

How can I embed the Azure Bot with the public access turned off? Is that not possible? Is there a workaround to allow a UI to interact with the bot?

Thank you!

romungi-MSFT 42,191 Reputation points Microsoft Employee

2024-03-07T05:29:36.0266667+00:00

@Anisha KC I think you need to enable private endpoint on your app service after you deny outbound traffic on all networks. Please see this documentation and try to implement the same.

https://learn.microsoft.com/en-us/azure/bot-service/dl-network-isolation-how-to?view=azure-bot-service-4.0&tabs=network
romungi-MSFT 42,191 Reputation points Microsoft Employee

2024-03-13T08:14:00.65+00:00

@Anisha KC Did the above suggestion work in your case? Thanks!!