使用Libcef创建基于浏览器的应用程序（1）

原文地址： http://www.cnblogs.com/ngxianyu/archive/2013/12/08/3463775.html   作者：粘锅咸鱼

很早之前看过关于豌豆荚的一片报道，说豌豆荚花了10个月的时间，使用c++重新实现。其界面完全采用html实现。本人之前都是使用mfc开发windows界面，为了达到要求的界面效果，我花了大量的时间在界面重绘和贴图上，所以一听说居然还有人这么搞，无比激动。熟悉mfc开发的朋友们都知道，win32 api来实现界面效果，工作量是很大的，往往一个按钮半透明效果都能把你折腾个半死，而且极容易出错。但是如果直接在应用程序中，直接嵌入ie控件是有问题的，因为ie版本差异太大，对html5支持很难保证，而使用html开发界面的核心就是htmel5的那些很炫的功能。最好能把浏览器控件一起打包发布，这样可以完全不用系统的ie版本，只要支持一种浏览器就行，这样可以大大节省web开发的精力。

　　第一次关注libcef是因为，我一个在杭州实习的朋友，回学校一起交流的时候跟我说过，网易云音乐使用最新的界面架构，使用的chrome那一套。我第一反应就是安装一个试试看，发现可执行文件目录下带有libcef.dll这个文件，遂搜索了一下，发现这正是实现纯html界面所需要的东西，而且这货居然支持离屏渲染(off-screen render)，可以把渲染事件回调出来。这东西配合windows下的层叠窗口,就可以实现完全用html+css定义整个界面。试想，平时最蛋疼的窗口圆角，阴影，和透明效果，不用写一行贴图代码就能实现，这简直是帅到爆有木有！！

　　下载下来，花了几天时间探索了一下，参照内置的里面的代码，跌跌撞撞的，居然实现了。但是还有很多细节自己也很糊涂，而且中途遇到了很多问题，所以写个一系列随笔记录一下。

　　废话不多说，本篇介绍将libcef项目的基本配置。

　　首先进入下载页面http://www.magpcss.net/cef_downloads/，选择如下链接

　　下载下来后，使用vs2010打开cefclient2010.sln这个文件。打开后，有两个项目，cefclient,libcef_dll_wrapper。其中libcef_dll_wrapper是cef的头文件项目，而cefclient相当于cef库的使用示范，展示libcef库所支持的全部功能。想着如果只在原来的项目上修修改改，肯定不能了解将libcef嵌入到程序中的所有细节，所以另开了一个win32项目。步骤如下：

　　1，在cefclient2010解放方案上右键，新建项目，选择win32项目，输入项目名称，点完成。

　　2，点击下一步

　　3，选择win32 项目，点击完成

　　自此，解决方案中总的就有三个项目了。此时解决方案目录情况如下：

　　接着，将对参考cefclient项目，对我们自己进行配置，来包含libcef的头文件，导入库文件。步骤如下：

　　1，由于我们在解决方案中创建项目，自动会在sln的文件夹下面，创建以项目名称命名的项目文件夹，所以include目录就在父目录中，设置包含为父目录，方便引用到cef的头文件。

　　2，将Debug和Release的运行库分别设置为MTD和MT

　　3，去除预编译头

　　4，将cefclient的附加库复制到本项目中

　　5，复制cefclient的附加依赖项，并黏贴到我们自己的项目中

　　至此，项目配置好了，接下来要拷贝一些依赖的头文件和库文件，还有语言包。

　　1，打开项目文件加下的out目录

　　2，把debug的如下文件复制到我们项目的debug输出目录，把release的如下文件复制到我们项目的release输出目录

　　3，分别打开debug下和release的lib目录（下图为debug下的lib目录），将libcef_dl_wrapper分别复制到项目的debug和目录下

　　好不容易，前期准备工作终于做好了。下一篇将讲解如何参照cefclient,构建一个基本的libcef嵌套程序。