Pregunta ¿Dónde está la biblioteca del cliente socket.io?


Por lo que he visto, no hay ninguna explicación en cuanto a dónde debemos ubicar el script del lado del cliente para socket.io Si node.js no se usa como servidor web Encontré un directorio completo de archivos del lado del cliente, pero los necesito en una versión combinada (como se sirve cuando se usan los servidores de web node.js). ¿Algunas ideas?


73
2017-12-16 01:07


origen


Respuestas:


socket.io.js es lo que vas a poner en tu html del lado del cliente. Algo como:

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

mi script está ubicado:

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

copie ese archivo donde desea que lo sirva su servidor.


67
2017-12-16 02:57



La mejor manera que he encontrado para hacer esto es usar cenador.

bower install socket.io-client --save

e incluye lo siguiente en el HTML de tu aplicación:

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

De esta forma, puede tratar la parte socket.io de su cliente de la misma manera que trata cualquier otro paquete administrado.


170
2017-11-18 07:09



Creo que la forma mejor y más adecuada es cargarlo desde esta URL

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

en el dominio donde se ejecuta socket.io Lo positivo de esta solución es que si actualiza su módulo socket.io npm, su archivo de cliente también se actualizará y no tendrá que copiarlo cada vez manualmente.


25
2018-04-07 10:46



Usé Bower como se sugirió en la respuesta de Matt Way, y funcionó muy bien, pero luego la biblioteca en sí no tenía la suya bower.json archivo.

Esto significaba que bower-main-files El plugin Gulp que estoy usando para encontrar los archivos JS de mis dependencias no extrajo socket.io, y recibí un error al cargar la página. Agregar una anulación a mi proyecto bower.json solucionado el problema

Primero instale la biblioteca con bower:

bower install socket.io-client --save

A continuación, agregue la anulación al bower.json de su proyecto:

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

8
2017-07-20 18:29



Para todos los que ejecutan wiredep y obtienen el "socket.io-client no se inyectó en su archivo". error:

Modifique su tarea wiredep de esta manera:

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

6
2017-11-07 12:52



Si está utilizando bower.json, agregue la dependencia socket.io-client.

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

Entonces corre bower instalar para descargar socket.io-client.

A continuación, agregue la etiqueta de script en su HTML.

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

2
2018-05-06 00:46



He creado un socket.io-client compatible con bower que se puede instalar así:

bower install sio-client --save

o para el uso de desarrollo:

bower install sio-client --save-dev

enlace a repo


2
2018-02-09 17:52



si utiliza https://github.com/btford/angular-socket-io asegúrese de tener su index.html así:

<!-- 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>

0
2017-09-30 12:54