chrome扩展在后台页面和内容脚本下使用相同的socket.io连接

Question

我正在使用socket.io进行chrome扩展，我有一个内容脚本，可以连接到服务器进行实时聊天，但我也希望从后台页面的服务器获取一些信息。它像这样单独运作

内容脚本中的

var socket = io.connect('http://localhost:3700');
socket.on('dosomething',function(){
  console.log("test");
});

在后台页面

var socket = io.connect('http://localhost:3700');
socket.on('dosomething',function(){
  console.log("test");
});

但有没有办法只连接一次，服务器有什么类似

app.js socket.emit('dosomething');

并将触发具有socket.on('dosomething')？

的后台网页或内容脚本

我已经尝试过使用后台页面建立的套接字发送到内容脚本 chrome.runtime.sendMessage和chrome.runtime.onMessage.addListener，

但它没有用:(

有没有解决方案？

非常感谢！

Answer 1

我尝试在内容脚本中编写一个socket.io客户端，当socket.io服务器发送“hello”请求时，它将向后台页面发送消息。

内容脚本：

var socket = io.connect('http://localhost:1337');
socket.on("hello",function(data){
    console.log(data.text);
    chrome.runtime.sendMessage({msg:"socket",text:data.text},function(response){});
});

背景页面

chrome.runtime.onMessage.addListener(
    function(request,sender,senderResponse){
        if(request.msg==="socket"){
            console.log("receive from socket server: "+request.text);
        }
    }
);

服务器端：

var app = require('http').createServer(handler).listen(1337);
var io = require('socket.io').listen(app);

function handler(req,res){
    console.log(req.url);
    res.writeHead(200, {'Content-Type':'text/plain'});
    res.end('Hello Node\n You are really really awesome!');
}

io.sockets.on('connection',function(socket){
    socket.emit('hello',{text:"node!"});
});

后台控制台的屏幕截图：

希望这对你有所帮助。