chrome embedded framework: dialog based MFC browser

google chrome 浏览器可以快速显示一些比较简单的界面, 对HTML5支持也很好。下面我提供如何在MFC中嵌入连览器的步骤。以及如何实现浏览器与MFC程序的交互。

1。下载cef (chrome embedded framework). 我使用的为：cef_binary_3.1750.1738_windows32

该包包含源程序，库，dll以及头文件。dll_wrapper需要重新编译。其中的ｒｅｓｏｕｒｃｅｓ以及下面的ｌｏｃａｌｅｓ子目录是程序运行需要的资源，必须在配置时正确指定。

在系统环境变量里设置CEF_ＰＡTH c:\cef_binary_3.1750.1738_windows32\

2. 使用MSVC2010或者更高版本

3。新建一个dialog based MFC project. For example touchscr

4. add libcef.lib and libcef_dll_wrapper.lib into project (这两个ｌｉｂ都在下载包里可以找到）。

５．设置ｉｎｃｌｕｄｅ路径包含　＄ＣＥＦ＿ＰＡＴＨ

６。建立ｃｌｉｅｎｔ＿ａｐｐ．ｈ／ｃｐｐ，ｃｌｉｅｎｔ＿ｈａｎｄｌｅｒ．ｈ／ｃｐｐ，ｃｌｉｅｎｔ＿ｓｗｉｔｃｈｅｓ．ｈ／ｃｐｐ，　ｓｔｄａｆｘ．ｈ／ｃｐｐ

Client_app负责浏览器应用程序：生成浏览器以及消息处理（ｃｌｉｅｎｔ＿ｈａｎｄｌｅｒ）

ｃｌｉｅｎｔ_handler负责浏览器消息处理，这一部分是ＭＦＣ和浏览器交互的地方。用户可以修改定制以适应自己程序需求。

读者可以参考ｃｅｆ包里面的ｃｅｆ＿ｃｌｉｅｎｔ程序。

７。这时候可以编译连接成功。注意使用ＭＴＤ选项以及ＭＦＣ　ａｓ　ｓｔａｔｉｃ　ｌｉｂｒａｒｙ才能通过。

８。加入Ｃｌｉｅｎｔ＿ａｐｐ成员到ＭＦＣ　ａｐｐ．

public:
    BOOL m_bCEFInitialized;
    CefRefPtr<ClientApp> m_cefApp;

    CString m_szHomePage;
    virtual int ExitInstance();
    virtual BOOL PumpMessage();

ＩｎｉｔＩｎｓｔａｎｃｅ　ａｎｄ　ＰｕｍｐＭｅｓｓａｇｅ　为ｏｖｅｒｒｉｄｅｄ　ｆｕｎｃｔｉｏｎ

９．在ＩｎｉｔＩｎｓｔａｎｃｅ加入初始化ｃｌｉｅｎｔ＿ａｐｐ的代码：

    // initialize CEF.
    m_cefApp = new ClientApp();

    // get arguments
    CefMainArgs main_args(GetModuleHandle(NULL));

    // Execute the secondary process, if any.
    int exit_code = CefExecuteProcess(main_args, m_cefApp.get(), NULL);
    if (exit_code >= 0)
        return exit_code;

    // setup settings
    CString szCEFCache;
    CString szPath;
    INT nLen = GetTempPath( 0, NULL ) + 1;
    GetTempPath( nLen, szPath.GetBuffer( nLen ));

    // save path
    szCEFCache.Format( _T("%scache\0\0"), szPath );
    

    CefSettings settings;
    //settings.no_sandbox = TRUE;
    //settings.multi_threaded_message_loop = FALSE;

    CefString(&settings.cache_path) = szCEFCache;
    //also need set the locale & resource path!
    CefString(&settings.resources_dir_path)="C:\\cef_binary_3.1750.1738_windows32\\Resources";
    CefString(&settings.locales_dir_path)="C:\\cef_binary_3.1750.1738_windows32\\Resources\\locales";


    void* sandbox_info = NULL;

    //CEF Initiaized
    m_bCEFInitialized = CefInitialize(main_args, settings, m_cefApp.get(), sandbox_info);

重载函数：

int CtouchscrApp::ExitInstance()
{
    // TODO: Add your specialized code here and/or call the base class
    if( m_bCEFInitialized )
    {
        // closing stop work loop
        m_bCEFInitialized = FALSE;
        // release CEF app
        m_cefApp = NULL;
        // shutdown CEF
        CefShutdown();
    }
    return CWinApp::ExitInstance();
}


BOOL CtouchscrApp::PumpMessage()
{
    // TODO: Add your specialized code here and/or call the base class
    if( m_bCEFInitialized )
        CefDoMessageLoopWork();

    return CWinApp::PumpMessage();
}

１０。在ＯｎＩｎｉｔＤｉａｌｏｇ里面加入启动浏览器代码：

    CRect rect;
    GetClientRect( rect );

    if( !theApp.m_cefApp->CreateBrowser(GetSafeHwnd(), rect, theApp.m_szHomePage ))
    {
        AfxMessageBox(_T("Failed to create CEF Browser Window. Applications is exiting"));
        return FALSE;
    }
    
    AfxGetApp()->PumpMessage();
浏览器即可自动载入指定的页面。

在浏览器消息处理里面加入用户代码，可以方便实现各种功能，比如按键处理，或者传送到远程服务器处理。

这个例子显示本地一个页面，实现页面按键响应用户特定的任务。