【转】第7篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:全自动注册与反射方法分析
第6篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:自动注册JS脚本+自动反射方法分析
本文转自“吾乐吧软件站”,原文链接:http://www.wuleba.com/?p=23624
感兴趣的,可以加入:WebKit/Blink 内核浏览器开发 QQ交流群:244840771
开发语言为:.NET/C++ 方向
5、 第五种方法,全自动注册与反射方法分析
5.1 实现过程:
(1)、定义一个DemoRenderProcessHandler,继承自CefRenderProcessHandler
(2)、重写DemoRenderProcessHandler里的OnWebKitInitialized ( )事件
(3)、定义一个BindingHandler,继承自CefV8Handler,核心代码
(4)、定义一个UnmanagedWrapper,继承自CefUserData,用来保存操作的对象object、对象属性、对象方法 等信息
(5)、定义一个PropertyAccessor,继承自CefV8Accessor,可通过PropertyAccessor的Get ()、Set ( )方法可以进行存取操作。当前操作的是哪个对象,就可以从这里获取
(6)、定义一个TypeUtil操作类,实现CefV8Value与object类型的相互转换
(7)、定义一个普通的类ExampleObject(这个类跟ExampleBv8Handler一样,只是不再需要继承CefV8Handle)
(8)、在BindingHandler里的Execute ( )事件中,通过反射,自动选择最合适的方法,进行调用,不再需要人工去写,几乎实现全自动
(9)、在OnWebKitInitialized ( )事件里面,调用自己封装的类库,直接访问CefRuntimeEx.RegisterJsObject ( )方法就可以自动注册,并且自动响应操作。
(10)、在 OnContextCreated ( ) 事件里面,进行数据绑定操作,这样,BindingHandler里的Execute ( )事件,才能知道是哪个对象调用的。
(11)、写一个网页,去前台通过JS调用
5.2 核心代码:
这个方法,是完成了前面四种方法后,外加死啃1天CEF的C++代码,发现了原生的JS注册机制,然后重写的,核心思想,依然是采用反射,但这次不需要生成对应的JS脚本代码,只需要直接注册属性、方法(具体注册逻辑,CEF会自动完成,所以不需要考虑,但本质上,CEF实现方式和之前的生成JS脚本是一样的),然后通过反射自动选择最合适的操作方法调用,为了减小文章篇幅,仅列出部分代码。
/// <summary>
/// DemoRenderProcessHandler.cs
/// </summary>
protected override void OnWebKitInitialized()
{
#region 调用自己封装的JS类库
CefRuntimeEx.RegisterJsObject(“exampleObject”, new ExampleObject());
#endregion 调用自己封装的JS类库
base.OnWebKitInitialized();
}
protected override void OnContextCreated(CefBrowser browser, CefFrame frame, CefV8Context context)
{
foreach (var kvp in CefRuntimeEx.GetObjects())
{
BindingHandler.Bind(kvp.Key, kvp.Value, context.GetGlobal()); //绑定方式一
//BindingHandler.Bind(kvp.Key, kvp.Value, context.GetGlobal(), false); //绑定方式二
}
base.OnContextCreated(browser, frame, context);
}
/// <summary>
/// BindingHandler.cs
/// </summary>
/// <summary>
/// 绑定数据并注册对象
/// 说明:已经过滤特殊名称,即不含系统自动生成的属性、方法
/// </summary>
/// <param name=”name”>对象名称</param>
/// <param name=”obj”>需要绑定的对象</param>
/// <param name=”window”>用于注册的V8 JS引擎对象,类似于整个程序的窗口句柄</param>
public static void Bind(string name, object obj, CefV8Value window)
{
var unmanagedWrapper = new UnmanagedWrapper(obj);
var propertyAccessor = new PropertyAccessor();
CefV8Value javascriptWrapper = CefV8Value.CreateObject(propertyAccessor);
javascriptWrapper.SetUserData(unmanagedWrapper);
var handler = new BindingHandler();
unmanagedWrapper.Properties = GetProperties(obj.GetType());
CreateJavascriptProperties(handler, javascriptWrapper, unmanagedWrapper.Properties);
HashSet<string> methodNames = GetMethodNames(obj.GetType());
CreateJavascriptMethods(handler, javascriptWrapper, methodNames);
window.SetValue(name, javascriptWrapper, CefV8PropertyAttribute.None);
}
/// <summary>
/// 创建JavaScript方法
/// </summary>
/// <param name=”handler”>处理程序</param>
/// <param name=”javascriptObject”>经过V8 JS引擎处理后的对象</param>
/// <param name=”methodNames”>方法键值对集合</param>
public static void CreateJavascriptMethods(CefV8Handler handler, CefV8Value javascriptObject, IEnumerable<String> methodNames)
{
var unmanagedWrapper = (UnmanagedWrapper) (javascriptObject.GetUserData());
foreach (string methodName in methodNames)
{
string jsMethodName = StringUtil.LowercaseFirst(methodName);
unmanagedWrapper.AddMethodMapping(methodName, jsMethodName);
string nameStr = jsMethodName;
javascriptObject.SetValue(nameStr, CefV8Value.CreateFunction(nameStr, handler), CefV8PropertyAttribute.None);
}
}
由于这部分代码较多,实现过程相当复杂,所以阐述下具体的实现流程,代码就不贴出来了,感兴趣的可以加入QQ群一起讨论!流程如下:
(1)、新建了一个BindingHandler.cs,这是整个封装的核心代码,继承自CefV8Handler
(2)、新建UnmanagedWrapper、PropertyAccessor、TypeUtil,各种协调操作
(3)、通过反射,找到对应的对象,并提取他的所有属性、方法
(4)、调用自己封装的方法,基于原生方法注册JS属性、方法。CEF提供的原生注册方式,就是这个方法CefV8Value.CreateFunction(nameStr, handler)
(5)、当我网页的上下文对象被创建时OnContextCreated ( ),则会重新触发Bind ( )方法
(6)、当网页的JS访问后台数据时,在BindingHandler里的Execute ( )事件中,通过反射,自动选择最合适的方法,进行调用。
5.3 评价总结:
优势:
(1)、自动注册JS对象
(2)、自动反射调用方法
(3)、彻底解决方法一、方法二、方法三残留的弊端问题
(4)、知道方法来源,所有操作“一对一”,不用担心重复问题
弊端:
(1)、由于C#、Javascript、CefV8Value,三者之间的数据类型存在较大跨度,会导致部分数据类型不工作,所以如果遇到特殊数据,尽可能使用string来操作。
(2)、由于是个人封装,可能存在一些没有考虑到的情况,如有问题,后期再完善。
备忘说明:
(1)、项目里面的代码,只保留了最新的那个第5种方法,不想有太多的“干扰代码,所以其他的“阶段性”成果代码已经被注释起来(公司项目,不提供代码);
(2)、这次封装,已经基本达到预期效果,接下来还要做其他的一些功能进行处理。
(3)、用户计算机必须安装Adobe Flash组件才能播放动画,关于这点,找到3个解决方案:
方法一:安装NPAPI版本的Flash组件(非IE版)之后,才能播放动画。访问 http://get.adobe.com/cn/flashplayer/otherversions/ 选择“Flash Player 11 for Other Browsers”。
方法二:如果想要直接集成到浏览器里去,程序目录下,创建一个“Plugins”文件夹,把“C:\Windows\SysWOW64\Macromed\Flash\NPSWF32_XXX.dll”,把这个DLL放到“Plugins”文件夹里去,就可以了。
方法三:直接注册PPAPI版本的Flash组件,注册语法如下:
“E:\XiliumCefGlueDemo\Bin\Xilium.CefGlue.Demo.WinForms.exe” –ppapi-out-of-process –register-pepper-plugins=”E:\XiliumCefGlueDemo\Bin\PepperFlash\pepflashplayer.dll;application/x-shockwave-flash”
from:http://www.wuleba.com/23626.html