Socket.io + PhoneGap

Question

Cuando intento utilizar Socket.io con PhoneGap consigo este error:

(en iOS, donde socket.io deben ser compatibles)

Origin null is not allowed by Access-Control-Allow-Origin. 

Esto se debe a mi aplicación se sirve a través del protocolo file://. ¿Qué puedo hacer para evitar esto?

Gracias!

Answer 1

Usando PhoneGap la página web se abre con el archivo : // protocolo

Con file: // protocolo no tiene origen se establece en la conexión WebSocket, por lo que el navegador va a levantar esa excepción de seguridad si el servidor no establece el encabezadoAccess-control-Allow-Origin para la respuesta que permite CORS

considerar el uso de algunos plug-in PhoneGap como la siguiente, que utiliza código nativo para manejar la conexión, pero permite una (esperemos que de normas compatible) WebS ocket API dentro del webviews

Android: https://github.com/anismiles/websocket-android-phonegap

iPhone: https://github.com/remy/PhoneGap-Plugin-WebSocket

Estos plugins son sólo los primeros que he encontrado, no está seguro de lo mucho que se desarrollan de forma activa y estable

Answer 2

Así que si el página web abierta con el archivo: // el protocolo url en PhoneGap era enviar el encabezado "Access-Control-Allow-Origin: *" - ¿teóricamente debería funcionar con socket.io?

(Es posible hacerlo a través de NSURLProtocol, pero yo no quería ir por este agujero de conejo sin conocer la solución)

Answer 3

Usted tiene que agregar el host socketio a la tecla "ExternalHosts" en PhoneGap. Plist.

Ver Faq:

Q. Links to and imported files from external hosts don't load?

A. The latest code has the new white-list feature. If you are referencing external hosts, you will have to add the host in PhoneGap.plist under the "ExternalHosts" key. Wildcards are ok. So if you are connecting to " http://phonegap.com ", you have to add "phonegap.com" to the list (or use the wildcard "*.phonegap.com" which will match subdomains as well). (Note: If you open the plist file in Xcode, you won't need to fiddle with the XML syntax.)

para Android tiene que editar y añadir cordova.xml el acceso al host socketio:

<access origin="HOST*"/> 

---

index.html (con socketio ejemplo):

... 
<script src="HOST/socket.io/socket.io.js"></script> 
<script> 
    var socket = io.connect('HOST'); 
    socket.on('news', function (data) { 
     socket.emit('my other event', { my: 'data' }); 
    }); 
</script> 
... 

---

app.js (lado del servidor JavaScript/socketio ejemplo básico):

var io = require('socket.io').listen(80); 

io.sockets.on('connection', function (socket) { 

socket.emit('news', { hello: 'world' }); 
    socket.on('my other event', function (data) { 
     console.log(data); 
    }); 
}); 

---

el host que tiene que reemplazar con el nombre de host de su servidor socket.io!