Socket.io + PhoneGap

Question

Wenn ich versuche, Socket.io mit PhoneGap zu verwenden, bekomme ich diesen Fehler:

(auf iOS wo socket.io unterstützt werden sollte)

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

Dies, weil meine App wird über file:// Protokoll serviert. Was kann ich tun, um dies zu umgehen?

Danke !!

Answer 1

PhoneGap Verwenden der Webseite wird mit der Datei geöffnet: // Protokoll

Mit file: // Protokoll kein Ursprung der WebSocket-Verbindung eingestellt ist, so wird der Browser, dass die Sicherheitsausnahme, wenn die anheben Server nicht festgelegt, die Access-Control-Allow-Origin Header der Antwort ermöglicht CORS

Betrachten wir einige PhoneGap-Plugin wie die folgenden verwenden, die nativen Code verwendet die Verbindung zu handhaben, sondern ermöglicht eine (hoffentlich Norm- kompatibel) WebS Steckschlüsseleinsatz API innerhalb des WebViews

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

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

Diese Plugins sind nur die ersten, die ich gefunden, nicht sicher, wie viel sie aktiv entwickelt und stabil

Answer 2

Also, wenn die Webseite geöffnet mit dem file: // url-Protokoll in PhoneGap sollte den Header "Access-Control-Allow-Origin: *" senden - theoretisch sollte alles mit socket.io funktionieren?

(es ist möglich, so durch NSURLProtocol zu tun, aber ich wollte nicht, diese Kaninchenbau gehen, ohne das Update zu wissen)

Answer 3

Sie haben die socketio Gastgeber für die „ExternalHosts“ -Taste in PhoneGap hinzuzufügen. plist.

Siehe 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.)

für Android Sie cordova.xml zu bearbeiten haben, und fügen Sie den Zugang zum socketio host:

<access origin="HOST*"/> 

---

index.html (mit socketio Beispiel):

... 
<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 (Server-Seite Javascript/Grund socketio Beispiel):

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); 
    }); 
}); 

---

Die HOST Sie haben mit Hostnamen Ihres socket.io Server ersetzen!