페이지 간 및 애플리케이션 간에 연동할 때 WebSocket은 매우 유용합니다.

그러나 A와 B로 메시지를 주고 싶을 때
둘 다 HTML 페이지였을 때와 같은 경우 A와 B는 클라이언트 기능만 가지고 있기 때문에 어딘가에서 서버 C를 설정하고 A와 B는 C와 통신해야합니다.

이 서버 C를 준비하고 C에 던진 메시지를 자동으로 A나 B로 보내주는 서비스가 있습니다.

그것이
Achex
야
WebSocket.in - The open and free WebSocket server for all.
라는 등록 불필요로 WebSocket 서버를 제공해 주는 서비스입니다.

사용법도 간단하고 베이스가 되는 URL에 임의의 인스턴스를 추가하는 것 어느 정도 비공개 1 의 공간이 됩니다.

achex를 예로 들면,wss://cloud.achex.ca/qiita로 여기에 접속하고 있는 그룹을 qiita 인스턴스로서 관리할 수 있고, 한층 더 세세하게 Hub로서 그룹 분할도 할 수 있습니다.



간단한 예는 사용자 지정 메시지 전송의 예입니다. (더 간단한 예로 전체 발언의 echo도 있습니다)

절차는 연결 → 인증 → 송수신입니다.

송신측

  const socket = new WebSocket('wss://cloud.achex.ca/qiita');

  socket.addEventListener('open', function (event) {
    console.log('open',event)
    // 事前登録などはなく使用時に好きなものを入れられます。
    socket.send('{"auth":"khsk", "password":"pass"}');
    socket.send('{"to":"receiver", "msg":"test"}');
  });

수신측

  const socket = new WebSocket('wss://cloud.achex.ca/qiita');

  socket.addEventListener('open', function (event) {
    console.log('open',event)
    socket.send('{"auth":"receiver", "password":"pass"}');
  });

  socket.addEventListener('message', function (event) {
    console.log('message',event)
    const json = JSON.parse(event.data)
    console.log(json)
    // auth時のレスポンスもmessageで来るので弾いておきます
    if (json.auth == 'OK') {
      return
    }
    console.log(json.msg)
  })

이렇게 하면 receiver 로 메시지를 보낼 수 있습니다.
JSON 형식이므로 msg에는 객체나 배열도 건네줄 수 있는 여러가지 사용도가 있을 것 같습니다.

민감한 정보가 아니면 free이며, 통지 기능 등의 개인 이용으로는 충분합니다.
IP 주소나 포트의 고정화도 필요 없기 때문에, WS서버를 세워서 어느 것이 어땠는지 고민하거나 서버의 유지에 신경을 쓸 필요도 없을 것 같습니다.

출처

live and free websocket server - Stack Overflow

보안 의미가 아닙니다. ↩