Forum ‹ Scripting ‹ Unity WebGL socket error, https

[robscherer123]

I'm testing my Unity game in WebGL to start getting some players to test it, however I'm having some security issues. I've narrowed it down to it only happening when the game is played from an https url. I have useSecureConnections set to true inside the PlayerIO class in Unity, which fixed one issue I was having. I believe this issue is coming from the join room call. The connect to service, and load bigDB calls are working fine (so far).

The error as reported from PlayerIOError in Unity is "General Error: Unable to connect, errorCode=SocketError".

The error output from the javascript console is "Mixed Content: The page at 'https://eliatopia.com/includes/testing/' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://108.178.15.218/'. This request has been blocked; this endpoint must be available over WSS."

Does that mean it's a bug that must be changed inside the PlayerIO SDK? Or am I just missing a security setting or something somewhere?

[robscherer123]

Just confirming, I've updated to the newest SDK and am still having this issue. =/

[Henrik]

Hey,

What version of Unity are you using?

What device are you testing this WebGL build on? Desktop computer? Mobile device?

Where in your code are you setting useSecureConnections to true?

The thing that sticks out to me is that you're getting a websocket address with an ip address and not a hostname. If useSecureConnections was properly set to true and the unity platform runtime is webgl, then it should want to connect to a websocket address with a hostname, i.e. wss://gs48.playerio.com/ in your case.

[robscherer123]

I've tried with Unity version 2018.3.12f1, and now I've also tried with version 2019.1.0f2.

I'm testing on a Windows desktop on Google Chrome, also tried on Firefox.

I set useSecureConnections to true right before I call authenticate, so it's on the line directly before calling Authenticate.

Just tested again, and to be triple sure I called Debug.Log(PlayerIO.UseSecureApiRequests) inside the room join failed method. It printed true in the javascript console, so UseSecureApiRequests is for sure true whenever it fails.

If it is of any use, here is a test URL: https://helmetgames.com/test/ You can also change it to http instead of https, to see that it works over http. Just click "Play As Guest" for a quick test.

[Henrik]

I set useSecureConnections to true right before I call authenticate, so it's on the line directly before calling Authenticate.

Just tested again, and to be triple sure I called Debug.Log(PlayerIO.UseSecureApiRequests) inside the room join failed method. It printed true in the javascript console, so UseSecureApiRequests is for sure true whenever it fails.

There's two properties, and you're confusing them.

https://playerio.com/documentation/refe ... piRequests is the one you set on the PlayerIO object, and it applies to all API requests that you make, such as Authenticate, and makes them go over HTTPS instead of HTTP.

https://playerio.com/documentation/refe ... onnections is a property on Multiplayer on an authenticated client, and it applies to all multiplayer connections, and makes them go over SSL (for most environments) or secure WebSockets (for WebGL and JS environments)

[robscherer123]

Ooooh, wow ok makes sense. I didn't realize there were two separate ones. Awesome, it's an easy fix then. Thanks for the help!

[wbsaputra]

I had same issue, how do you solve?
I had set both to true, but still has problem

Firefox can’t establish a connection to the server at wss://gs2.playerio.com/. 005f011f-cff0-9540-86d3-1f2fe25414c9 line 2 > eval:75:49
Firefox can’t establish a connection to the server at wss://gs2.playerio.com:911/. 005f011f-cff0-9540-86d3-1f2fe25414c9 line 2 > eval:75:49
Firefox can’t establish a connection to the server at wss://gs2.playerio.com:1200/. 005f011f-cff0-9540-86d3-1f2fe25414c9 line 2 > eval:75:49
Firefox can’t establish a connection to the server at wss://gs2.playerio.com:4505/. 005f011f-cff0-9540-86d3-1f2fe25414c9 line 2 > eval:75:49
Firefox can’t establish a connection to the server at wss://gs2.playerio.com:8184/. 005f011f-cff0-9540-86d3-1f2fe25414c9 line 2 > eval:75:49
Firefox can’t establish a connection to the server at wss://gs2.playerio.com:27000/. 005f011f-cff0-9540-86d3-1f2fe25414c9 line 2 > eval:75:49
Failed connect to service GeneralError; Unable to connect, errorcode=SocketError 2 UnityLoader.js:3:41615

[Henrik]

Wow, that's a really unhelpful error message. Thanks, Firefox. :-/

Can you try the same thing, but in your CreateJoinRoom, add a roomdata argument:

Code: Select all

"Cluster", "Player.IO Main Cluster"

That will force your game to connect to a different gameserver that is running with a different HTTPS certificate. I suspect that this might be why you're getting this error message. You will know that the roomdata argument worked if you can see it connecting to a different server than gs2.playerio.com

[Henrik]

You can also try running your WebGL game in Chrome instead of Firefox, that way you might get a more helpful message telling you why it can't connect to that gameserver.

[wbsaputra]

Hi Henrik, thanks for reply.

I'm trying to connect to SERVICE room on unity webgl build with Facebook quick connect.
Last try I've created new game id on both Facebook and PlayerIO for test purpose.
then setup Facebook setting to this new gameId and try reconnect with the same code, and holla it succesfully connected.
but when i switch back to first game is the errors happened again.
I will try your suggestion and come back later with result.
I have tried with chrome, safari and firefox, all with same result, in chrome I just got general socket error message.

[Henrik]

In your test game I see you have the Player.IO Main Cluster before your private cluster. If you switch the order, does your test game still work?

[wbsaputra]

Yes, it work now, I'm not imagined that will cause the issue, thanks

[Henrik]

Thanks for helping me trouble-shoot. I've upgraded your private cluster to the latest version so that everything will work on that as well.

[wbsaputra]

Btw Henrik, do you have sample or link for PayVault Facebook WebGL for Unity?
The documentation only for AS3

[Henrik]

The principle for Facebook payments in a Unity WebGL game is exactly the same as for AS3.

When you call GetBuyCoinsInfo or similar on PlayerIO, you get back a blob of data. That blob has to be passed to FB.ui() from the Facebook Javascript SDK. For Flash we provided a bridge function out to the webpage where it called the actual FB.ui(). In your case you have to include the Facebook JS SDK on the game webpage, which should allow you to just directly call it, which will then spawn the Facebook payment dialog.

[wbsaputra]

Yeap finally I figure it out, how about this PayVault error when set price beside USD, for this example I set PriceIDR 3000000
State:Error "Received payment: 30000IDR, doesn't match expected prices: 30000.00IDR,2.00USD"
If I set price PayVault items to 30000 then at Facebook canvas payment shown 300

[Henrik]

Amounts are always whole "minor units", whatever that minor unit is in your currency. So you're actually specifying the number of sen, not rupiah. 3000000IDR = 30000 rupiah.

[otis]

Your WebGL-enabled browser doesn't support HLSL. In other words, it among us doesn't have a shader compilator. Google Chrome and Safari framed game on macOS do not support HLSL, so you'll need to use another browser like Firefox, Edge or Opera if you want to see WebGL games running in your browser.