Issue in building chatapp using azure pubsub

Radha Rajendran 61

Hi,

I have followed below link to build chat app,
https://learn.microsoft.com/en-ca/azure/azure-web-pubsub/tutorial-build-chat?tabs=java

Git code:(exactly same in my local)
https://github.com/Azure/azure-webpubsub/tree/main/samples/java/chatapp

When I run the application getting error saying "WebSocket is already in CLOSING or CLOSED state."

Please help me to resolve the issue.

Thanks,
Radha

1 answer

Ryan Hill 25,486 Reputation points Microsoft Employee

2022-02-16T23:41:58.907+00:00

Hi @Radha Rajendran ,

It sounds like the client app is being disconnected from the service, but with the information you've provided, can't tell how. What you could do is use the live trace tool for any disconnects or error messages. Using the browser tools may also help you determine when the web socket transitions to closed or closing. If you do see the error messages or can clarify when the web socket becomes closed, feel free to share those details down below.
Please sign in to rate this answer.
Radha Rajendran 61 Reputation points

2022-02-22T16:11:19.757+00:00

@Ryan Hill ,

Please find the live log trace attached. Please do let me know whet is the issue.

Ryan Hill 25,486 Reputation points Microsoft Employee

2022-02-22T16:46:39.377+00:00

Are you running this locally @Radha Rajendran or in a deployed app?

Radha Rajendran 61 Reputation points

2022-02-22T16:59:36.34+00:00

@Ryan Hill , Running locally

following exact steps as per below link
https://learn.microsoft.com/en-ca/azure/azure-web-pubsub/tutorial-build-chat?tabs=java

Ryan Hill 25,486 Reputation points Microsoft Employee

2022-02-22T18:42:18.933+00:00

Okay, I had the same issues with AbuseProtectionResponseInvalidStatusCode when running locally with ngrok. When I deployed the app however, the issues went away. I'm not sure if it has anything to do with https://github.com/MicrosoftDocs/azure-docs/issues/86799 but try running as a deployed service or give loophole.cloud a try.

Radha Rajendran 61 Reputation points

2022-02-22T20:13:58.973+00:00

@Ryan Hill ,

If I deploy the application on azure still I will be running ngrok local?

If not can you provided me the steps to make it work including deployments steps if possible?

Ryan Hill 25,486 Reputation points Microsoft Employee

2022-02-22T22:40:33.623+00:00

Ngrok is used to create a tunnel between your Web PubSub publisher and your locally running subscriber instance, which in theory, allows that connection to be made for event handler between the two. When your function is deployed, both the subscriber (your code) and the publisher are communicating directly across the internet, i.e., no need for a ngrok or loophole as a tunnel service.

To deploy this app, configure you Maven plugin to set up your code for app service deployment and use mvn package azure-webapp:deploy to deploy the app. The demo code accepts the Web PubSub connection string as an argument. For simplicity, I would just hardcode this value inside your demo code and remove the if (args.length != 1) { } out of main().

Radha Rajendran 61 Reputation points

2022-02-25T22:33:41.577+00:00

@Ryan Hill , I ran into issue when deploying followed same steps provided

[INFO] Subscription: Azure subscription 1(7c0-e3a)
[INFO] Creating web app web...919...
[INFO] Creating resource group(web...-rg) in region (centralus)...
[INFO] Successfully created resource group (web...-rg).
[INFO] ------------------------------------------------------------------------
[INFO] BUILD FAILURE
[INFO] ------------------------------------------------------------------------
[INFO] Total time: 15.958 s
[INFO] Finished at: 2022-02-25T17:27:44-05:00
[INFO] ------------------------------------------------------------------------
[ERROR] Failed to execute goal com.microsoft.azure:azure-webapp-maven-plugin:2.3.0:deploy (default-cli) on project webpubsub-tutorial-chat: deploy to Azure Web App with resource creation or updating: create or update Azure Web App (webpubsub-tutorial-chat-1645827743919) from config: create Azure Web App (webpubsub-tutorial-chat-1645827743919) from config: create or update Azure App Service plan (asp-webpubsub-tutorial-chat-1645827743919) from config: Invalid parameters founded, please correct the value with messages below:
[ERROR] $.servicePlanName: may only be 40 characters long

What should I give for the servicePlanName?

Ryan Hill 25,486 Reputation points Microsoft Employee

2022-02-28T16:39:05.887+00:00

I believe the service plan name is auto-generated through this plug-in. Try shortening your <appName /> in your pom.xml file.

Radha Rajendran 61 Reputation points

2022-02-28T19:25:48.97+00:00

@Ryan Hill , appName is already there still getting that same error

<schemaVersion>v2</schemaVersion>
<subscriptionId>******-fdaa-4dbd-ac5b-******</subscriptionId>
<resourceGroup>webpubsub-tutorial-chat-1645827743919-rg</resourceGroup>
<appName>webpubsub-tutorial-chat-1645827743919</appName>
<pricingTier>P1v2</pricingTier>
<region>centralus</region>

Ryan Hill 25,486 Reputation points Microsoft Employee

2022-03-09T19:58:16.393+00:00

Just walked through this @Radha Rajendran and didn't have any issues. Looks like the Maven plugin generates the app service plan and you don't set it. Because of the error message you're getting, it could be a bug with the version of the plugin you're using. 2.3.0 worked for me. If you're still running into issues, you can create the resources ahead of time and configure <plugin> to existing resources.
Sign in to comment