React Native

Duplicate Python websockets

See more WebSocket Examples

Demonstrates how to duplicate the following Python client-side websocket snippet:

async with websockets.connect('ws://192.168.1.35/websocket') as websocket:
await websocket.send("http.controller_login:username=xxx&password=xxxxx")
response = await websocket.recv()

React Native

import { Rest, WebSocket } from '@chilkat/react-native'

async function chilkatExample() {
  // This example requires the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  // In Python, the following line of code does more than just connect:
  // 
  //      websockets.connect('ws://192.168.1.35/websocket')
  // 
  // It is connecting to 192.168.1.35 without using TLS.  If the URI starts with "wss://", then TLS should be used.
  // But this URI begins with just "ws:/", so no TLS.

  // Also, after connecting, a GET request is sent to the /websocket endpoint.
  // In summary, the websockets.connect function is establishing the connection and it sends a GET request.

  // First establish the connection.
  // No TLS, use the default HTTP port 80.
  const rest = new Rest();
  try {
    await rest.connectAsync('192.168.1.35', 80, false, false);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  const ws = new WebSocket();

  // Tell the WebSocket to use this connection.
  try {
    ws.useConnection(rest);
  } catch {
    console.log(ws.lastErrorText);
    return;
  }

  // Add the standard WebSocket open handshake headers that will be needed.
  // (This adds the required HTTP request headers to the rest object.)
  ws.addClientHeaders();

  // Now send the GET request to /websockets.
  let responseBody: string;
  try {
    responseBody = await rest.fullRequestNoBodyAsync('GET', '/websockets');
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // If successful, the HTTP response status code should be 101,
  // and the response body will be empty. (If it failed, we'll have a look
  // at the response body..)
  const statusCode = rest.responseStatusCode;
  console.log(`Response status code: ${statusCode}`);

  if (statusCode !== 101) {
    console.log(responseBody);
    console.log('-- Failed because of unexpected response status code.');
    return;
  }

  // We have the expected 101 response, so let's now validate the 
  // contents of the response.
  try {
    ws.validateServerHandshake();
  } catch {
    console.log(ws.lastErrorText);
    return;
  }

  console.log('WebSocket connection successful.');

  // The application may now begin sending and receiving frames on the WebSocket connection.

  // The 1st frame sent by the Python snippet is:
  // 
  //     websocket.send("http.controller_login:username=xxx&password=xxxxx")
  // 

  // Send the same using Chilkat, and get the response.
  const finalFrame = true;
  try {
    await ws.sendFrameAsync('http.controller_login:username=xxx&password=xxxxx', finalFrame);
  } catch {
    console.log(ws.lastErrorText);
    return;
  }

  // Read an incoming frame.
  try {
    await ws.readFrameAsync();
  } catch {
    console.log('Failed to receive a frame');
    console.log(`ReadFrame fail reason = ${ws.readFrameFailReason}`);
    console.log(ws.lastErrorText);
    return;
  }

  // Show the string that was received.
  const receivedStr = ws.getFrameData();
  console.log(`Received: ${receivedStr}`);

  // Continue with whatever additional communications are desired...
  // ....
  // 
}