CEF3—在网页加载前给js对象填值

骑猪看日落 2022-12-06 05:21 87阅读 0赞

### 文章目录 ###

*  CEF3—在网页加载前给js对象填值
 *   *  前言
     *  思路
     *  代码

# CEF3—在网页加载前给js对象填值 #

## 前言 ##

记录一次笔者在实际开发中遇到的问题。在用cef做多页应用开发的时候，多个单页共享数据的问题。这个数据被前端称之为token，在多页应用中需要被共享。数据被使用和存的动作都是在render进程，而多个h5页面也就是多个 render进程中，但是存放的位置肯定是在browser进程，因为browser进程是后台进程，大家取数据都到同一个进程中去存取 数据也就被共享。

## 思路 ##

笔者一开始设计的接口如下：

BB.SetToken(x); // 存token
    BB.Token(function(x){console.log(x);}); // 取token

存 会去更新token。 取 需要通过回调函数取，这里需要在回调函数中去，因为数据并不在render进程中 只能异步取。看是去一切还很简单 美好。但是 前端并不想通过回调函数的方式取token，就想通过类似下面的方式去取。

// 前端想快速方便的取到token，类似下面这种方式
    var token = BB.Token(); // 方法返回值方式
    var token = BB.token;	// 对象属性的方式

当然前端的要求并不过分，就得我们去想办法去实现了！这里如果用方法的返回值的话，必须使用全局的事件进行等待，等从browser取到了还要从共享内存或者其他方式把token数据取到。所以笔者当然也想用最简单方式去实现，这里是使用 BB.token对象属性值的方式。

如果用对象属性的方式的话，我们 token的填值 就是我们客户端作为主动方进行填值。如果 有单页使用SetToken方法更新token，那么此时 客户端要更新所有单页上的 BB.token。如果新开一个单页而且js代码要立即取到BB.token的值，这里也就是笔者遇到的问题。因为笔者 更新某个单页的上的BB.token逻辑已写好，当新单页打开加载后 直接给新开的单页 发送消息让其更新token即可，但是这样回有一个延时问题 在页码加载过程中 js代码取不到token而要等1s后才能取到。

## 代码 ##

所以 不能等单页加载完后 去发送更新token的消息去进行更新。这里必须是在 创建单页或者在单页加载完前 类似window对象的内置属性一样 可以直接取到token。网上没找到参考的，所以笔者去仔细看了一下cef接口 果然找到了。主要用到下面几个接口。

// 创建单页会用到下面这个接口，对就是这个函数，仔细看这个函数的extra_info参数，该数据可以将browser进程的数据带到创建单页过程中的回调函数中CefRenderProcessHandler::OnBrowserCreated()
    
    
    // CefBrowserHost的静态成员函数
      ///
      // Create a new browser window using the window parameters specified by
      // |windowInfo|. All values will be copied internally and the actual window
      // will be created on the UI thread. If |request_context| is empty the
      // global request context will be used. This method can be called on any
      // browser process thread and will not block. The optional |extra_info|
      // parameter provides an opportunity to specify extra information specific
      // to the created browser that will be passed to
      // CefRenderProcessHandler::OnBrowserCreated() in the render process.
      ///
      /*--cef(optional_param=client,optional_param=url,
              optional_param=request_context,optional_param=extra_info)--*/
    static bool CreateBrowser(const CefWindowInfo& windowInfo,
                                CefRefPtr<CefClient> client,
                                const CefString& url,
                                const CefBrowserSettings& settings,
                                CefRefPtr<CefDictionaryValue> extra_info,
                                CefRefPtr<CefRequestContext> request_context);
    
    
    
    // 所以就找到CefRenderProcessHandler中相关的回调函数
    
    // CefRenderProcessHandler中可被重写的回调函数
    
    // 该函数可以取到从browser进程中带过来的数据
      ///
      // Called after a browser has been created. When browsing cross-origin a new
      // browser will be created before the old browser with the same identifier is
      // destroyed. |extra_info| is a read-only value originating from
      // CefBrowserHost::CreateBrowser(), CefBrowserHost::CreateBrowserSync(),
      // CefLifeSpanHandler::OnBeforePopup() or CefBrowserView::CreateBrowserView().
      ///
      /*--cef()--*/
      virtual void OnBrowserCreated(CefRefPtr<CefBrowser> browser,
                                    CefRefPtr<CefDictionaryValue> extra_info) {}
    
    
    
    // 下面这个函数注释写的很清楚，下面是Chrome V8环境一旦被创建好就会被回调，所以在下面回调函数中取我们的自定义对象或者 window对象一定是可以取到并能赋值的
      ///
      // Called immediately after the V8 context for a frame has been created. To
      // retrieve the JavaScript 'window' object use the CefV8Context::GetGlobal()
      // method. V8 handles can only be accessed from the thread on which they are
      // created. A task runner for posting tasks on the associated thread can be
      // retrieved via the CefV8Context::GetTaskRunner() method.
      ///
      /*--cef()--*/
      virtual void OnContextCreated(CefRefPtr<CefBrowser> browser,
                                    CefRefPtr<CefFrame> frame,
                                    CefRefPtr<CefV8Context> context) {}

关键代码如下：

// browser进程中创建单页	
    CefRefPtr<CefDictionaryValue> extra_info = CefDictionaryValue::Create();
    extra_info->SetString("token",m_strToken);
    CefBrowserHost::CreateBrowser(windowInfo, m_browserEvent, strUrl, browserSetting, extra_info, NULL);
    
    // render进程中处理数据并给js对象进行属性赋值
    static CefString m_strToken = "";
    void CCefBrowserApp::OnBrowserCreated(CefRefPtr<CefBrowser> browser, CefRefPtr<CefDictionaryValue> extra_info)
    {
    	m_strToken = extra_info->GetString(CefString("token"));
    }
    
    void CCefBrowserApp::OnContextCreated(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context)
    {
    	context->Enter();
    	CefRefPtr<CefV8Value> window = context->GetGlobal();
    	CefRefPtr<CefV8Value> BB = window->GetValue(CefString("BB"));
    	if(BB->IsObject())
    	{
    	CefRefPtr<CefV8Value> token = CefV8Value::CreateString(m_strToken);
    	BB->SetValue(_T("token"),token,CefV8Value::PropertyAttribute::V8_PROPERTY_ATTRIBUTE_DONTDELETE);	
    	}
    	context->Exit();
    }