Wie zu verwenden ActionCable als API

Baute ich eine sehr einfache app mit Schienen 5 beta 1 und ActionCable anzeigen, wenn Benutzer online und lassen Sie Sie sich gegenseitig Nachrichten schicken.

Nun, ich würde grundsätzlich gerne den client-seitigen Teil der ActionCable, implementieren Sie es in den Kontext einer anderen app (das tut nicht auf Schienen laufen 5) und verbinden Sie es mit der ersten app zum senden und empfangen von Daten (z.B. der online-status von Nutzern oder Nachrichten).

Senden Daten aus, die zweite app, ich nehme an, ich kann einfach machen, einen AJAX-POST-request. Die Frage ist: Wie abonniere ich von meiner zweiten app, um eine offene Verbindung von der ersten app?

Oder auch: Wie abonniere ich den ActionCable Verbindung meiner Rails-app aus einer anderen app über die API?

Meine Vermutung ist, das ich im wesentlichen möchte diese coffeescript irgendwie in meine zweite app:

App.appearance = App.cable.subscriptions.create "AppearanceChannel",
  connected: ->
    # Called when the subscription is ready for use on the server

  disconnected: ->
    # Called when the subscription has been terminated by the server

  received: (data) ->
    # ...
InformationsquelleAutor sam | 2016-02-10
  1. 21

    Werden Sie im wesentlichen brauchen, um eine Kopie oder ein port von der ActionCable JS-code in Ihrer app (https://github.com/rails/rails/tree/master/actioncable/app/assets/javascripts).

    Update: ich habe kürzlich ein npm-Paket namens actioncable-js bietet einen direkten port der Ruby on Rails-5 ActionCable CofeeScript standard-JS für den Einsatz außerhalb der Schienen: https://github.com/mwalsher/actioncable-js

    Weil ActionCable ist nur eine Schicht auf der Oberseite von HTML5 WebSockets, also man kann auch mit raw-WebSockets JS-code (oder einem beliebigen Drittanbieter-Bibliothek) zur Verarbeitung der Mitteilungen.

    Den ActionCable message-Protokoll ist etwas hier dokumentiert: https://github.com/NullVoxPopuli/action_cable_client#the-action-cable-protocol. Ich werde fügen Sie unten für die Bequemlichkeit:

    1. Eine Verbindung zu der Aktion, Kabel-URL

    2. Nachdem die Verbindung erfolgreich ist, senden Sie eine subscribe-Nachricht

      • Die subscribe-Nachricht JSON sollte wie folgt Aussehen:
        {"command":"subscribe","identifier":"{\"channel\":\"MeshRelayChannel\"}"}
      • Sie sollten eine Meldung wie diese:
        {"identifier"=>"{\"channel\":\"MeshRelayChannel\"}", "type"=>"confirm_subscription"}

    3. Einmal abonniert haben, können Sie Nachrichten senden.

      • Stellen Sie sicher, dass die Aktion Zeichenfolge entspricht, die Daten-handling-Methode der name auf Ihrem ActionCable server.
      • Ihre Nachricht JSON sollte wie folgt Aussehen:
        {"command":"message","identifier":"{\"channel\":\"MeshRelayChannel\"}","data":"{\"to\":\"user1\",\"message\":\"hello from user2\",\"action\":\"chat\"}"}
      • Empfangenen Nachrichten sollten über die gleichen

    4. Hinweise:

      • Jede Nachricht, die an den server gesendet hat, einen Befehl und die id-Taste.
      • Der Kanal mit dem Wert übereinstimmen muss, den Namen des channel-Klasse auf der ActionCable server.
      • identifier und data sind Redundant jsonified.

    So, zum Beispiel (in ruby)

    payload = {
  command: 'command text',
  identifier: { channel: 'MeshRelayChannel' }.to_json,
  data: { to: 'user', message: 'hi', action: 'chat' }.to_json
}.to_json
    • Ja. Ich war auf der Suche, in, dass, wie gut. Ich fühle mich wie es nicht so einfach, obwohl. Zumindest nicht für mich. Es gibt einige Teile, die angepasst werden müssen und kann nicht einfach kopiert werden. Leider, die ES6-port scheint nicht zu funktionieren mit der neuesten version von Rails 5.
    • Aktualisiert meine Antwort mit einem link zu einem direkten Anschluss des ActionCable JS: github.com/mwalsher/actioncable-js. Hoffentlich hilft!
    • Wirklich, wirklich schöne Lösung. Vielen Dank für die Umsetzung dieses zusammen! Dies ist äußerst hilfreich. Ich beschloss, die post, eine Antwort auf unsere eigene, weil ich habe gerade einen pull-request auf die repo-Schienen mit einer offiziellen NPM-Paket.
    • Zum Beispiel möchte ich für die Steckdose.io-client für das. Wie Verbinde ich mich mit MeshRelayChannel mit socket.io-client?
    InformationsquelleAutor mwalsher
  2. 21

    Während mwalsher die Lösung war sehr hilfreich für mich, vor kurzem fand ich einen pull-request auf der Rails-repository mit einer offiziellen Lösung auf meine Frage.

    https://github.com/rails/rails/pull/24991

    Ich gehe davon aus, in Naher Zukunft Hinzugefügt werden, um die Haupt-Dokumentation. Hier ist der link zu der offiziellen actioncable npm-Paket: https://www.npmjs.com/package/actioncable

    Können Sie es verwenden, ähnlich mwalsher Lösung mit beliebigen JS app. Installieren Sie einfach die npm-Paket: 

    npm install actioncable --save

    Hier das JS-Beispiel aus der Dokumentation:

    ActionCable = require('actioncable')

var cable = ActionCable.createConsumer('wss://RAILS-API-PATH.com/cable')

cable.subscriptions.create('AppearanceChannel', {
  //normal channel code goes here...
});

    Edit: Den pull-request zusammengeführt wurde für eine Weile jetzt, und die Beschreibung ist Teil des offiziellen Readme - nur noch nicht in der Rails-Guides.

    • Dies ist eine gute Nachricht, danke Jim!
    • broski bitte teilen Sie der open Repository der beiden Anwendungen, die für Entwickler nützlich, neue rails und actioncable. Zumindest teilen sich ein post dazu. Es wird nützlich sein.
    InformationsquelleAutor sam
Schreibe einen Kommentar