React Native

Send and Receive WebSocket Frame

See more WebSocket Examples

Demonstrates how to send a websocket text frame to a websocket echo server. This example uses Chilkat's websocket test echo server at ws://websockets.chilkat.io/wsChilkatEcho.ashx

Note: The websockets.chilkat.io server imposes the following limitations:
Messages must be 16K or less, and each connection is limited to a max of 16 echoed messages.

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.

  const ws = new WebSocket();

  // For brevity, this example does not check for errors when etablishing the WebSocket connection.
  // See Establish WebSocket Connection for more complete sample code for making the connection.

  const rest = new Rest();
  // Connect to websockets.chilkat.io
  // IMPORTANT: websockets.chilkat.io accepts frames of up to 16K in size and echoes them back.
  // IMPORTANT: The websockets.chilkat.io server imposes the following limitations: 
  // ---------- Messages must be 16K or less, and each connection is limited to a max of 16 echoed messages.
  await rest.connectAsync('websockets.chilkat.io', 80, false, false);
  ws.useConnection(rest);
  ws.addClientHeaders();
  const responseBodyIgnored = await rest.fullRequestNoBodyAsync('GET', '/wsChilkatEcho.ashx');
  try {
    ws.validateServerHandshake();
  } catch {
    console.log(ws.lastErrorText);
    return;
  }

  // This example demonstrates sending a frame and receiving a text frame.

  // Send a frame containing the string "Hello World!"
  // This will be the first and final frame, and therefore this constitutes the entire message.
  const finalFrame = true;
  try {
    await ws.sendFrameAsync('Hello World!', 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}`);

  // Close the websocket connection.
  try {
    await ws.sendCloseAsync(true, 1000, 'Closing this websocket.');
  } catch {
    console.log(ws.lastErrorText);
    return;
  }

  // Read the Close response.
  try {
    await ws.readFrameAsync();
  } catch {
    console.log(`ReadFrame fail reason = ${ws.readFrameFailReason}`);
    console.log(ws.lastErrorText);
    return;
  }

  // Should receive the "Close" opcode.
  console.log(`Received opcode: ${ws.frameOpcode}`);
  // Should be the same status code we sent (1000)
  console.log(`Received close status code: ${ws.closeStatusCode}`);
  // The server may echo the close reason.  If not, this will be empty.
  console.log(`Echoed close reason: ${ws.closeReason}`);

  console.log('Success.');
}