第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:WindowsSysWOW64MacromedFlashNPSWF32_XXX.dll”，把这个DLL放到“Plugins”文件夹里去，就可以了。
方法三：直接注册PPAPI版本的Flash组件，注册语法如下：
“E:XiliumCefGlueDemoBinXilium.CefGlue.Demo.WinForms.exe” –ppapi-out-of-process –register-pepper-plugins=”E:XiliumCefGlueDemoBinPepperFlashpepflashplayer.dll;application/x-shockwave-flash”
from：http://www.wuleba.com/23626.html