CEF:注册JS回调

前面我们学习了C++和JS的基本交互。例如C++调用js。

browser->GetMainFrame()->ExecuteJavaScript(js, L"", 0);

但是在实际应用过程中可能我们事先并不知道函数原型,而是使用的函数指针来回调结果。例如:

do_event(call_back,parama1,parama2,....paramaN)

此时需要使用CEF::ExecuteFunction 和ExecuteFunctionWithContext()方法执行JS函数。ExecuteFunction()方法只允许用在V8中,且V8在“使用上下文”所描述的上下文中。ExecuteFunctionWithContext()方法允许应用程序指定即将执行的上下文。

下面我们将实现一个最简单的回调模型:注册+回调。

步骤:

  1. CefV8Handler实现register
  2. 保存Callback的上下文
  3. 进入上下文调用回调
  4. 执行完退出上下文
//Render进程注册回调函数
void CRenderApp::OnWebKitInitialized()
{
	CEF_REQUIRE_RENDERER_THREAD();

	// Define the extension contents.
	std::string extensionCode =
		"var MyMath;"
		"if (!MyMath)"//如果没有MyMath对象,则定义一个MyMath对象
		"  MyMath = {};"
		"(function() {"
		"  MyMath.register = function(call_back) {"//定义一个MyMath的register 函数
		"    native function register(call_back);"
		"    return register(call_back);"//add在CefV8Handler具体实现
		"  };"
		"  MyMath.hellow = 'Hello JS!';"//定义一个MyMath的成员变量
		"})();";

	CefRefPtr<CefV8Handler> add_handler = new CJSHandler(this);
	// Register the extension.
	CefRegisterExtension("v8/test", extensionCode, add_handler);
}
//实现注册函数
bool CJSHandler::Execute(const CefString& name,
	CefRefPtr<CefV8Value> object,
	const CefV8ValueList& arguments,
	CefRefPtr<CefV8Value>& retval,
	CefString& exception)
{
	//callback register
	if (name == "register")
	{
		if (arguments.size() == 1 && arguments[0]->IsFunction())
		{
			CefRefPtr<CefV8Context> context = CefV8Context::GetCurrentContext();
			CefRefPtr<CefV8Value> call_back = arguments[0];
			//由于这里只是一个demo,所以把funcid固定为1,如果存在多个注册回调函数,请维护funcid和callback的关系
			//if (m_render_app)
			//	m_render_app->AddCallBack(1, context, call_back);

			//调用回调,进入上下文
			context->Enter();

			CefV8ValueList call_arguments;
			call_arguments.push_back(CefV8Value::CreateString(_T("hellow word")));
			//调用回调函数,回调参数
			call_back->ExecuteFunction(NULL, call_arguments);

			//退出上下文
			context->Exit();
			return true;
		}
	}

	//
	return false;
}

结果:

在这里插入图片描述

当然我这里事实是最简单的一个demo,在实际过程中我们应该将call_back和call_context保存起来,当结果处理完成之后执行回调。

typedef std::map<int32, std::pair<CefRefPtr<CefV8Context>, CefRefPtr<CefV8Value> > > CallbackMap;

正常的工作流程:

  1. 注册=》添加回调到map(map存在render进程中)
  2. js触发事件(事件投递到Browser进程处理或者自己直接处理)
  3. 处理完成(如果投递到Browser进程处理,则处理完成之后投递到Render进程)调用回调
CefRefPtr<CefProcessMessage> message = CefProcessMessage::Create("test");
browser->SendProcessMessage

参考文档:
https://github.com/fanfeilong/cefutil/tree/master/doc
https://github.com/fanfeilong/cefutil/blob/master/doc/content_register_v8_extension.md

Render::OnProcessMessageReceived执行回调

call_back 和call_context都存在

if(call_context&&call_back )
		{
			call_context->Enter();//一定要先Enter
			if (call_context->GetBrowser()) //判断上下文中的Browser是否存在
			{
				处理任务,并且执行回调
				...
				call_back ->ExecuteFunction(NULL, arguments);
			}
			context->Exit();//退出Context
			m_CallBackMap.erase(callbackId);
		}

全局查找对象或者回调

efRefPtr<CefV8Context> context = browser->GetMainFrame()->GetV8Context();//获取当前Context
context ->Enter()
CefRefPtr<CefV8Value> global =context >GetGlobal();//获取全局数据
if(global.get())
{
	CefRefPtr<CefV8Value> func = global->GetValue(message->GetName());
	if(func.get() && func->IsFunction())
	{
			CefRefPtr<CefV8Value> retval = func->ExecuteFunction(global, arguments);
	}
}
context ->Exit()

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值