ErgoTechWiki

MIStudio provides both a WebSocket Server and a WebSocket Client. Both the WebSocket Server and Client can run without security, or with a known CA (the default) or with self-signed certificates.

WebSockets can run without security using a socket URL which is of the format

 ws://hostname:port

Start a new project in MIStudio and add a SwingTextField and an Annuniciator.

The SwingTextField will be used to send a String value to the Server, and the Annunciator will be used to show this value using the Client which has a connection to the Server.

Copy these graphics to the MIStudio Diagram window. Add a WebSocketClient bean and a WebSocketServer bean to the diagram window. Connect the SwingTextField to the Input of the WebSocketSever. Connect the Output of the WebSocketClient to the Annunciator input.

The only configuration needed for the no-security test is to type the URL of the WebSocket Server into the WebSocket Client's Server URI. For this test the WebSocket Server is running on the same system as the client (localhost), and the server is using port 8887, so the URI is ws:localhost:8887. Note that the URI is ws:, and not wss:, for a no-security (insecure) connection. A secure connection uses wss: and requires certificates.

To test this insecure connection, put MIStudio into LIVE mode and use the MIStudio Test Frame to enter a value into the text field. It will appear in the client's annunciator.

The steps to use the WebSocket server and client with a secure connection is describe in the next sections.

To run the server with self-signed certificates you need to generate a public and private certificate for the server and the public certificate must be moved to the client.

To generate server certificates run:

openssl req -newkey rsa:2048 -x509 -keyout key.pem -out cert.pem -days 365

The tool will prompt us to enter a PEM passphrase and other information. You can choose a passphrase, but need to save it for use below.

When prompted for the “Common Name” add the name of the server. eg for the default URI wss://localhost:8887 add:

Common Name (e.g. server FQDN or YOUR name) []:localhost

Once we've answered all the prompts, the openssl tool outputs two files:

• key.pem (the private key)
• cert.pem (a public certificate)

We'll use these files to generate our self-signed certificate.

Some additional details are provided at:Converting a PEM File to Java KeyStore Format which was the source of this information.

The server requires that the certificate be in PKCS12 format: To convert PEM into a PKCS12 format:

openssl pkcs12 -export -in cert.pem -inkey key.pem -out certificate.p12 -name “certificate”

While the command runs, we'll be prompted to enter the passphrase that we created previously for key.pem: Enter pass phrase for key.pem: [This is the passphrase you entered above] And then we'll see the prompt asking for a new password for certificate.p12: Enter Export Password: [This can be the same as the passphrase or different. This is used in the server “CertPassword” property.

After that, we'll have a certificate.p12 KeyStore stored in PCKS12 format. Copy certificate.p12 and cert.pem into the UserFiles folder of the MIStudio project.

Set the “P12Certificate” property to be “certificate.p12” and the Cert Password to be the password entered above. Set the “TrustedCert” property in the client to be “cert.pem” (or copy the certificate to a different web socket client following the instructions for that client).

WS Port:(Port)This will be the port in the URL, eg ws://yourhost:port

Certificate file name:(P12Certificate)The name of the file containing the PKCS12 formatted certificate

Certificate Password:(CertPassword)The password of the certificate

Server URI:(ServerUri)This URI of the server, eg wss://yourhost:port

Trusted Certificate:(TrustedCert)The trusted server certificate in PEM format

As simple usage of WebSockets in MIStudio might look like this:

Values typed into the TextField, connected to the server, will be seen in the Annunciator, connected to the Client.

The server configuration is:

The client configuration is: