Wo befindet sich die Client-Bibliothek socket.io?

Soweit ich gesehen habe, gibt es keine Erklärung dafür, wo wir das clientseitige Skript finden sollen, socket.iowenn node.jses nicht als Webserver verwendet wird. Ich habe ein ganzes Verzeichnis clientseitiger Dateien gefunden, aber ich benötige sie in einer kombinierten Version (wie sie bei der Verwendung von node.js-Webservern bereitgestellt wird). Irgendwelche Ideen?

socket.io.js wird in Ihr clientseitiges HTML eingefügt. Etwas wie:

<script type="text/javascript" src="socket.io.js"></script>

Mein Skript befindet sich:

/usr/local/lib/node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js

Kopieren Sie diese Datei an die Stelle, an der Ihr Server sie bereitstellen soll.

Der beste Weg, dies zu tun, ist die Verwendung einer Laube .

bower install socket.io-client --save

und fügen Sie Folgendes in den HTML-Code Ihrer App ein:

<script src="/bower_components/socket.io-client/socket.io.js"></script>

Auf diese Weise können Sie den socket.io-Teil Ihres Clients genauso behandeln wie jedes andere verwaltete Paket.

Ich denke, dass es besser und richtiger ist, es von dieser URL zu laden

src="/socket.io/socket.io.js" 

in der Domäne, in der socket.io ausgeführt wird. Das Positive an dieser Lösung ist, dass beim Aktualisieren Ihres socket.io npm-Moduls auch Ihre Client-Datei aktualisiert wird und Sie sie nicht jedes Mal manuell kopieren müssen.

Ich habe Bower verwendet, wie in Matt Way's Antwort vorgeschlagen, und das hat großartig funktioniert, aber dann hatte die Bibliothek selbst keine eigene bower.jsonDatei.

Dies bedeutete, dass das bower-main-filesGulp-Plugin, mit dem ich die JS-Dateien meiner Abhängigkeiten finde, nicht in socket.io gezogen wurde und beim Laden der Seite ein Fehler angezeigt wurde. Das Hinzufügen einer Überschreibung zu meinem Projekt hat bower.jsondas Problem umgangen.

Installieren Sie zuerst die Bibliothek mit Laube:

bower install socket.io-client --save

Fügen Sie dann die Überschreibung zur bower.json Ihres Projekts hinzu:

"overrides": {
  "socket.io-client": {
    "main": ["socket.io.js"]
  }
}

Für alle, die wiredep ausführen und den "socket.io-client wurde nicht in Ihre Datei eingefügt" erhalten. Error:

Ändern Sie Ihre Wiredep-Aufgabe wie folgt:

wiredep: {
  ..
  main: {
    ..
    overrides: {
      'socket.io-client': {
        main: 'socket.io.js'
      }
    }
  }

Wenn Sie bower.json verwenden, fügen Sie die Abhängigkeit socket.io-client hinzu.

"socket.io-client": "0.9.x"

Führen Sie dann bower install aus , um socket.io-client herunterzuladen.

Fügen Sie dann das Skript-Tag in Ihr HTML ein.

<script src="bower_components/socket.io-client/dist/socket.io.min.js"></script>

Ich habe einen bower-kompatiblen socket.io-Client erstellt, der wie folgt installiert werden kann:

bower install sio-client --save

oder für Entwicklungszwecke:

bower install sio-client --save-dev

Link zum Repo

Wenn Sie https://github.com/btford/angular-socket-io verwenden, stellen Sie sicher, dass Ihre index.html wie folgt lautet:

<!-- https://raw.githubusercontent.com/socketio/socket.io-client/master/socket.io.js -->
<script src="socket.io.js"></script>

<!-- build:js({client,node_modules}) app/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<!-- ...... -->
<script src="bower_components/angular-socket-io/socket.js"></script>
<!-- endbower -->
<!-- endbuild -->



<script type="text/javascript" charset="utf-8">
   angular.module('myapp', [
// ...    
'btford.socket-io'
]);

// do your angular/socket stuff
</script>