SenchaTouch2.0+Socket.IO：如何在SenchTouch2.0中使用socket.io.js [英] SenchaTouch2.0 + socket.io : how to use socket.io.js in SenchTouch2.0

问题描述

事实上，我试过了，但失败了。现在代码是：

function include(path){ 
var a=document.createElement("script");
a.type = "text/javascript"; 
a.src=path; 
var head=document.getElementsByTagName("head")[0];
head.appendChild(a);
} 
include("app/controller/node_modules/socket.io-client/dist/socket.io.js");

Ext.define('WGTalk.controller.guest', {
extend: 'Ext.app.Controller',

config:{
    refs:{
        viewMsg:'#viewMsg',
        txtMsg:'#txtMsg'
    },
    control:{
        '#btSend':{
            tap:'doSend'
        }
    }
},

launch:function(){
        var socket = io.connect('http://localhost:8080');

        socket.on('connect',function(){
            console.log("connected server");
        });

        socket.on('disconnect',function(){
            console.log("server closed");
        });

        socket.on('message',function(data) { 
            console.log('Received a message from the server: ',data); 
        });
},

doSend:function(){
    var msg = this.getTxtMsg().getValue();
    var msgStore = this.getViewMsg().getStore();
    msgStore.add({name:msg,age:'180'});
    this.getTxtMsg().setValue("");
}
});

错误是：*引用错误：找不到变量：IO@"var套接字=io.Connect(‘http://localhost:8080’)； "*

如何解决此错误？

推荐答案

在您的app.json中，要加载Socket.IO等外部Java资源，请修改如下：

/**
 * List of all JavaScript assets in the right execution order.
 * Each item is an object with the following format:
 * ...
 */
"js": [
    {
        "path": "socket.io.js",
        "x-bootstrap": true
    },
    {
        "path": "json.js",
        "x-bootstrap": true
    },
    ... 
 ]

如果您的手机应用是客户端，则上述.js为客户端Socket.IO。

这篇关于SenchaTouch2.0+Socket.IO：如何在SenchTouch2.0中使用socket.io.js的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！