C++与js的相互调用方式（cef_message_router）

在C++和JavaScript之间实现相互调用，可以使用Chromium Embedded Framework (CEF) 提供的CefMessageRouter。以下是一个简化的例子，展示了如何在C++和JavaScript之间建立通信。

C++ 端代码：

#include "include/cef_message_router.h"
 
// 实现CefApp接口
class MyApp : public CefApp, public CefBrowserProcessHandler {
public:
    virtual CefRefPtr<CefBrowserProcessHandler> GetBrowserProcessHandler() OVERRIDE {
        return this;
    }
 
    virtual void OnContextInitialized() OVERRIDE {
        // 创建消息路由器
        CefRefPtr<CefMessageRouterRendererSide> message_router =
            CefMessageRouterRendererSide::Create();
 
        // 添加一个JavaScript处理器
        message_router->AddHandler(new CefMessageRouterBrowserSide::Handler(NULL));
 
        // 执行其他初始化操作...
    }
 
    // ...其他必要的实现...
};
 
// 在全局范围内注册应用
CEF_REGISTER_EXTENSION("my_extension", MyApp::Create);
 

JavaScript 端代码：

// 假设已经有一个CefMessageRouterBrowserSide.OnMessageReceived回调函数
// 这通常在一个全局范围内由CEF自动处理
 
// 发送消息到C++
window.cefQuery({
    request: "MyMessage", // 消息名
    onSuccess: function(response) {
        console.log("Received response: " + response);
    },
    onFailure: function(error_code, error_message) {
        console.log("Query failed: " + error_message);
    }
});

在这个例子中，C++侧使用CefMessageRouterRendererSide来处理从JavaScript发送的消息，并且使用CefQuery来从JavaScript接收消息。JavaScript侧使用cefQuery来发送请求，并提供回调函数来处理响应或错误。

这个例子展示了如何建立一个简单的C++和JavaScript之间的通信桥梁，但在实际应用中，你可能需要实现更复杂的逻辑，比如处理更复杂的消息数据和错误处理。