Socket.io + PhoneGap

Socket.io + PhoneGap

本文关键字：PhoneGap io Socket      更新时间：2023-09-26

当我尝试将 Socket.IO 与PhoneGap一起使用时，出现此错误：

（在应支持 socket.io 的 iOS 上）

访问控制允许原点不允许

源空。

这是因为我的应用程序是通过file://协议提供的。我能做些什么来解决这个问题？

谢谢！！

您必须将socketio主机添加到PhoneGap.plist中的"ExternalHosts"键中。

请参阅常见问题解答：

问：外部主机的链接和导入的文件无法加载？

一个。最新代码具有新的白名单功能。如果要引用外部主机， 您必须在PhoneGap.plist中的"外部主机"键下添加主机。通配符是可以的。 因此，如果要连接到"http://phonegap.com"，则必须将"phonegap.com"添加到列表中（或使用通配符"*.phonegap.com" 这也将匹配子域）。（注意：如果您打开 plist 文件，您无需摆弄 XML 语法。

对于安卓，您必须编辑 cordova.xml并添加对 socketio 主机的访问权限：

<access origin="HOST*"/>

索引.html（带有套接字示例）：

...
<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（服务器端JavaScript/Basic socketio示例）：

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

您必须用 socket.io 服务器的主机名替换的主机！

使用

PhoneGap 使用 file:// 协议打开网页

使用 file:// 协议时，WebSocket 连接没有设置源，因此如果服务器未将访问控制允许源标头设置为启用 CORS 的响应，浏览器将引发该安全异常

考虑使用一些像下面这样的PhoneGap插件，它使用本机代码来处理连接，但在Web视图中启用（希望是标准兼容的）WebSocket API

。

安卓：https://github.com/anismiles/websocket-android-phonegap

苹果手机：https://github.com/remy/PhoneGap-Plugin-WebSocket

这些插件只是我发现的第一个插件，不确定它们在积极开发和稳定的情况下

因此，如果在PhoneGap中使用 file://url协议打开的网页是发送标头"Access-Control-Allow-Origin： *" - 理论上它应该都可以与 socket.io 一起使用？

（可以通过NSURLProtocol做到这一点，但我不想在不知道修复程序的情况下进入这个兔子洞）

相关文章：