web-dev-qa-db-ja.com

イベント時にSocket.IOでRxJを使用する方法

socket.on('sense',function(data){});内でRxJSを使用したい。利用可能なドキュメントがほとんどなく、RxJSを理解していないことに困惑して混乱しています。これが私の問題です。

distSensor.js pingEnd（）関数があります

function pingEnd(x){
socket.emit("sense", dist); //pingEnd is fired when an Interrupt is generated.
}

私のApp.jsの中に

io.on('connection', function (socket) {
    socket.on('sense', function (data) {
        //console.log('sense from App4 was called ' + data);
    });
});

センス関数は、RxJSを使用してフィルター処理したい大量のセンサーデータを取得しますが、ここでRxJを使用するために次に何をすべきかわかりません。適切なドキュメントまたはサンプルへのポインタがあれば役立ちます。

javascriptsocketsrxjs
18
Mitul

Rx.Observable.fromEvent（ https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/fromevent.md ）を使用できると思います。

これが、非常によく似たAPIを持つBacon.jsを使用して同様のことをした方法です。 https://github.com/raimohanska/bacon-minsk-2015/blob/gh-pages/server.js#L1

Bacon.jsでは次のようになります

io.on('connection', function(socket){
  Bacon.fromEvent(socket, "sense")
    .filter(function(data) { return true })
    .forEach(function(data) { dealWith(data) })
})

RxJでは、Bacon.fromEventをRx.Observable.fromEventに置き換えます。

17
raimohanska

FromEventメソッドを使用していくつかの奇妙な問題が発生したため、独自のObservableを作成することをお勧めします。

function RxfromIO (io, eventName) {
  return Rx.Observable.create(observer => {
    io.on(eventName, (data) => {
        observer.onNext(data)
    });
    return {
        dispose : io.close
    }
});

その後、次のように使用できます：

let $connection = RxfromIO(io, 'connection');
19
Morten Poulsen

次のようにObservableを作成できます。

var senses = Rx.Observable.fromEventPattern(
    function add (h) {
      socket.on('sense',h);
    }
  );

次に、他のObservableと同様にsensesを使用します。

9
Xesued

単にfromEvent()を使用します。以下はNode.jsの完全な例ですが、ブラウザでも同じように機能します。メモリリークを防ぐためにfirst()とtakeUntil()を使用していることに注意してください。first()は1つのイベントのみをリッスンしてから完了します。ここで、リスニングする他のすべてのソケットイベントでtakeUntil()を使用して、オブザーバブルが切断時に完了するようにします。

const app = require('express')();
const server = require('http').createServer(app);
const io = require('socket.io')(server);
const Rx = require('rxjs/Rx');

connection$ = Rx.Observable.fromEvent(io, 'connection');

connection$.subscribe(socket => {
    console.log(`Client connected`);

    // Observables
    const disconnect$ = Rx.Observable.fromEvent(socket, 'disconnect').first();
    const message$ = Rx.Observable.fromEvent(socket, 'message').takeUntil(disconnect$);

    // Subscriptions
    message$.subscribe(data => {
        console.log(`Got message from client with data: ${data}`);
        io.emit('message', data); // Emit to all clients
    });

    disconnect$.subscribe(() => {
        console.log(`Client disconnected`);
    })
});

server.listen(3000);
2
Mick

ES7 bind 構文を使用してES6で使用するライナー：
（読んだ $ as stream）

import { Observable } from 'rxjs'

// create socket

const message$ = Observable.create($ => socket.on('message', ::$.next))
// translates to: Observable.create($ => socket.on('message', $.next.bind(this)))

// filter example
const subscription = message$
  .filter(message => message.text !== 'spam')
  //or .filter(({ text }) => text !== 'spam')
  .subscribe(::console.log)
1
woudsma

Rxjs-domを使用できます。

Rx.DOM.fromWebSocket(url, protocol, [openObserver], [closeObserver])


// an observer for when the socket is open
var openObserver = Rx.Observer.create(function(e) {
  console.info('socket open');

  // Now it is safe to send a message
  socket.onNext('test');
});

// an observer for when the socket is about to close
var closingObserver = Rx.Observer.create(function() {
  console.log('socket is about to close');
});

// create a web socket subject
socket = Rx.DOM.fromWebSocket(
  'ws://echo.websocket.org',
  null, // no protocol
  openObserver,
  closingObserver);

// subscribing creates the underlying socket and will emit a stream of incoming
// message events
socket.subscribe(
  function(e) {
    console.log('message: %s', e.data);
  },
  function(e) {
    // errors and "unclean" closes land here
    console.error('error: %s', e);
  },
  function() {
    // the socket has been closed
    console.info('socket closed');
  }
);
0
serkan