第7篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:全自动注册与反射方法分析

作者: 时间: 2013-12-12 分类: 技术文章 | 6 评论数 |

您的支持,是我前进的动力

第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”

 

All by flydoos

2013-11-05 

下载地址:2016年4月10日 此项目所有源码,以及文档正式开源 244840771 加QQ群下载
搜妹子,搜出妹子做壁纸!

本文采用 CC协议 发布,转载请注明:转载自 吾乐吧软件站

本文链接地址:http://www.wuleba.com/?p=23626

6 条评论 给“第7篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:全自动注册与反射方法分析”

  1. 博主发一份完整的代码给我把,十分感谢,邮箱:yinsin@yinsin.net

  2. 很好很强大,我也在用这个版本的Xilium.CefGlue,js调c#的方法暂时用xhr解决的,哥们可以提交上去大家用,哈哈

发表评论


微软MSDN资源免费订阅,MSDN 我告诉你