如何使用javascript库将Socket.io与emscripten一起使用?

时间:2016-04-11 22:23:26

标签: javascript node.js sockets socket.io emscripten

我正在使用emscripten将c ++项目移植到Web中,并且将与我的C ++代码交互的Web应用程序在NodeJ上。

所以,我在Node.js上使用Socket.io,我也想将它与我的c ++代码一起使用,所以我使用了一个使用socket.io代码的javascript库,但它似乎不起作用

我写了这个小例子来证明这个案子:

#include <iostream>
#include <stdlib.h>
#include <stdio.h>
#include <emscripten.h>

int val = 0;

extern "C" 
{
    extern void send_board(char* flat_board);
    extern bool receive_board(char** _string_dest);
}

void one_iter()
{
    #ifdef SEND
    char* c = "test";

    std::cout << val << std::endl;

    if(val%1000 == 0){
        send_board(c);
    }
    val++;
    #else
    char* c;
    if(receive_board(&c)) std::cout << "Received:" << c << std::endl;
    #endif
}


int main()
{
    emscripten_set_main_loop(one_iter, 0, 1);
    return 0;
}

mergeInto(LibraryManager.library, {
      send_board: function(message) {
        socket.on('connect', function(){
            socket.emit('game_request_sender_pipeline', {
                message: "Hi",
            });
        }); 
      },

      receive_board: function(_string_dest_in_c){

        socket.on('connect', function(){
            socket.on('game_request_receiver_pipeline' , function (message)
            {
                var msg = "Other side : " + message.message;
                var buffer = Module._malloc(message.message.length + 1);
                Module.writeStringToMemory(msg, buffer);
                setValue(_string_dest_in_c, buffer, '*');
                return true;
            });
        });

        return false;
      },
    });

我编译了以下内容:

// for the sending test
em++ main.cpp --js-library path_to_js_library.js -o socket.html -DSEND=1
// for the receiving test
em++ main.cpp --js-library path_to_js_library.js -o socket.html

在Node.Js服务器代码中,我有:

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

        socket.on('game_request_sender_pipeline' ,  function (message) 
        {      
            console.log("game_request_sender_pipeline on.");
            socket.broadcast.emit('game_request_receiver_pipeline', {
                message: message.message,
            });
            console.log("game_request_receiver_pipeline emitted.");
        });
});

结果非常奇怪,直到我认为它不起作用,我取消了nodejs服务器并重新启动它,然后结果弹出浏览器&#39;控制台。

1 个答案:

答案 0 :(得分:2)

评论中的建议似乎对他们有意义。

emscripten_set_main_loop将模拟同步行为,但是由于socket.io

,来自javascript api的调用是异步的

所以要解决这个问题,而不是使用return语句并有条件地执行我想要的代码 - 无论是真还是假 - 我想过使用回调。

这个想法是这样的:

  1. 在主循环中,将调用receive_board
  2. receive_board将接收成功回调和失败回调作为参数。 (回调是C函数)
  3. 我们将使用Module.ccall来调用c的回调。
  4. 回调实际上包含我希望在收到后有条件执行的代码
  5. 为了使用ccall,我们必须在函数定义中使用关键字EMSCRIPTEN_KEEPALIVE,并且为了避免为将要定义的每个回调编写该关键字,我决定仅用于调用回调的一个函数。

    extern "C"
    {
     EMSCRIPTEN_KEEPALIVE void callback_invoker(void* fn_ptr, void* fn_arg)
     {
        // some kind of cast to the original function signature, and to the original fn_arg type
        (*fn_ptr)(fn_arg);
     }
    }
    

    在javascript方面

    mergeInto(LibraryManager.library, {
          receive_board: function(_string_dest_in_c, succcess_callback, failure_callback, s_cb_arg, f_cb_arg){
    
            socket.on('connect', function(){
                socket.on('game_request_receiver_pipeline' , function (message)
                {
                    var msg = "Other side : " + message.message;
                    var buffer = Module._malloc(message.message.length + 1);
                    Module.writeStringToMemory(msg, buffer);
                    setValue(_string_dest_in_c, buffer, '*');
                    Module.ccal('callback_invoker', 'void', ['number', 'number'], [success_callback, s_cb_arg]);
                    return;
                });
            });
    
            Module.ccal('callback_invoker', 'void', ['number', 'number'], [failure_callback, f_cb_arg]);
          },
        });
    

    这样,我解决了上述问题。

    受此answer启发