タグ

socket.ioに関するjetglassのブックマーク (9)

  • Socket.ioとReactNaiveの連携(の概要) - Qiita

    Socket.ioとReactNativeの接続をテストしてみます(当の触りだけです)。 Socketのサーバ側は特に重要ではないのでGet Startedのコードを流用させていただきます。 Socket Serverの準備 準備 まずは作業ディレクトリを作成し、必要なモジュールをインストールしておきます。 mkdir socket-server cd socket-server npm init -y npm install --save express socket.io index.js Socketサーバを実装します。 今回は、全員配信に加え、個人配信も試します。 io.emit()で全員配信 io.to(id).emit()で個人配信(正確にはroom配信) var express = require('express'); var app = express(); var h

    Socket.ioとReactNaiveの連携(の概要) - Qiita
  • socket.ioのv3で知らなかったこと

    サーバーサイド 初期化 httpサーバーと共存方式、websocketサーバーだけのスタンドアロン方式、expressを使った方法 koaを使った方法、tsを用いる方法などちゃんとドキュメントに書かれてあった。 イベント socket.emitのほかに単純にsocket.send()をするだけで、messageイベントとして送信される。 // 送り手 socket.send('hello') // 受け手 socket.on('message', data => console.log(data)); // hello

    socket.ioのv3で知らなかったこと
  • 「socket.ioでcorsエラー」 とりあえずなんとかする

    undefined 「socket.io」 「node.js」 「CORS」

  • WebRTC初心者でも簡単にできる!Node.jsで仲介(シグナリング)を作ってみよう

    WebRTC初心者でも簡単にできる!Node.jsで仲介(シグナリング)を作ってみよう がねこまさし(インフォコム株式会社) こんにちは! がねこまさしです。前回はWebRTCの通信を手動でつなぎましたが、今回は仲介役のサーバーを作ってみましょう。 ※今回の内容は、Node学園祭2013で発表した内容(の一部)とほぼ同じです。その時の資料もご参照ください。 ※こちらの記事は2014年に書かれました。2016年7月のアップデート記事がありますので、そちらもご参照ください。 シグナリングサーバーを立てよう 前回は手動でコピー&ペーストしてシグナリングを実現しました。今回はそれを楽にしましょう。 シグナリングサーバーはどうして必要なの? シグナリングの過程では、お互いのIPアドレスやポート番号を渡す必要があります。この段階ではお互いIPアドレスを知らないので直接やりとりできません。そこで、仲介役

    WebRTC初心者でも簡単にできる!Node.jsで仲介(シグナリング)を作ってみよう
  • Node.js | Socket.IOでリアルタイム双方向通信 - わくわくBank

    Socket.IOは、双方向通信を実現してくれるNode.jsのライブラリです。ここでは、簡単なプログラムを通じて双方向通信の動作確認をします。(Client側もNode.jsを利用しており、実装はTypeScriptで行っています。) WebSocketについて WebSocketは、双方向通信を行うためのプロトコルです。通信のたびに新しくコネクションを確立する必要がなく、HTTPに比べて軽量なヘッダなので、双方向通信を低コストで実現できます。 ws: と wss: のURIスキームが定義されています。wss: はTLSで暗号化されます。 ブラウザサポート状況は以下サイトで確認できます。 https://caniuse.com/websockets Socket.IOについて Socket.IOは、WebSocketの実装というわけではないですが、状況に合わせて WebSocket や

    Node.js | Socket.IOでリアルタイム双方向通信 - わくわくBank
  • NodeJSのSocket.ioを用いたシンプルなWebSocketサーバの作成 - Qiita

    初めに API を用いた通信では,サーバにリクエストした処理が全て終了してからレスポンスが返される.そのため処理に時間がかかるプロセスを実行したい場合に,クライアント側がかなりの時間サーバからのレスポンスを待つ状態になってしまう. リアルタイムに逐次的にサーバの実行結果を返してくれる通信方法には WebSocket があるので,リアルタイム通信の手段として nodejs の WebSocket を用いて実装した. WebSocket の通信流れとしては クライアントとサーバが Socket 接続を確立 受け取ったサーバがサーバサイドで処理の実行 サーバがクラアントに処理結果を逐次的に送信 処理が終了したら Socket 接続を切断 実装 開発環境は以下の通り. node 10.9.0 npm 6.2.0 ライブラリのインストール WebSocket のライブラリは有名な socket.io

    NodeJSのSocket.ioを用いたシンプルなWebSocketサーバの作成 - Qiita
  • React NativeクライアントからWebSocketでnodejsのサーバと通信する - Qiita

    から、 blankプロジェクトを作成し、プロジェクトフォルダに移動して、App.tsxを次のように変更します。(WebSocket試すための最低限のサンプルです)。スマホ実機からQRコードを読み込んでテストする場合のURLはローカルマシンのIPを指定します。(サーバー側をローカルで実行する場合)。 以下では、socket.io-clientを利用しています。標準ライブラリのWebSocketを使っても動くんじゃないかと思うんですが、なんでか上手くいかなかったです。 import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View, TextInput, TouchableOpacity, Alert } from 'react-native'; im

    React NativeクライアントからWebSocketでnodejsのサーバと通信する - Qiita
  • ビデオチャットアプリを作る ( WebRTC + Node.js + Socket.io )

    ビデオチャットアプリを作る ( WebRTC + Node.js + Socket.IO ) WebRTC と Node.js と Socket.IO を用いて、ビデオチャットアプリを作成する方法を解説します。 WebRTCは、JavaScript APIの一つで、リアルタイムP2P通信を提供します。WebRTCを利用すると、ウェブブラウザをクライアントとして、2つのクライアント間で、映像や音声や独自データをリアルタイムに送受信するウェブアプリケーションを作成することができます。 RTCは、 Real-Time Communicationの略です。 使用開発環境は、以下です。 Node.js : version 10.16.3 Express : version 4.17.1 Socket.IO : version 2.3.0

  • Socket.IO: the cross-browser WebSocket for realtime apps.

    Socket.IOBidirectional and low-latency communication for every platform PerformantIn most cases, the connection will be established with WebSocket, providing a low-overhead communication channel between the server and the client. ReliableRest assured! In case the WebSocket connection is not possible, it will fall back to HTTP long-polling. And if the connection is lost, the client will automatical

    Socket.IO: the cross-browser WebSocket for realtime apps.
  • 1