Miniblink 入门

miniblink官网：入门之前强烈建议将Miniblink介绍仔细看一遍。

MB内核组件标准版接口文档：这里列举了所有的api以及简单的说明，但是本人建议还是看wke.h更方便，里面都是宏实现的，直接搜相关函数即可。

mb demo下载和参考：里面有说明文档，初步可以看看文档和运行了解一下。

miniblink概括

1. miniblink是单进程程序与cef多进程相比简单很多。
2. mini 包很小，方便集成
3. 为了使用devTool，应该将mb demo目录下的front_end拷贝到工程一份
4. 为了使用插件，应该将mb demo目录下的plugins拷贝到工程一份

js 调用C++函数并返回值

1. 遵循WKE_CALL_TYPE 调用方式
2. 遵循函数原型 jsValue WKE_CALL_TYPE xxxFun(jsExecState es, void* param)

//函数标准必须遵守WKE_CALL_TYPE 调用方式
jsValue WKE_CALL_TYPE OnMsg(jsExecState es, void* param)
{//获取参数个数jsArgCountif (0 == jsArgCount(es))return jsUndefined();//获取约定的参数，例如获取第一个参数，并假设参数为string，如果不是string则返回jsValue arg0 = jsArg(es, 0);//jsType type = jsArgType(es, 0);//if (JSTYPE_STRING != type) return jsUndefined();if (!jsIsString(arg0))return jsUndefined();path = jsToTempString(es, arg0);//同理获取更多参数//返回约定返回值 or Undefined//return jsStringW(L"OK");return jsInt();
}

3. js绑定C++函数

#param1：js中调用的函数名称
#param2：c++中实现的的函数
#param3：自定义参数，对应OnMsg中的void* param
#param4：约定onMsg中需要输入的参数个数，可多但是不能少#该函数是全局的，绑定之后所有webview的js都可以调用eMsg，包括新打开的webview
wkeJsBindFunction("eMsg", &onMsg, nullptr, 5);

4. js中调用绑定函数

<button onclick="eMsg('add')">js Call C++ function</button>

c++ 调用js函数并获取返回值

1. js中声明函数，eg:js_add

function js_add(v1,v2){return v1 + v2;}

2. C++通过jsCallGlobal调用js_add

int callJSAdd(wkeWebView webview)
{jsExecState es = wkeGlobalExec(webview);jsValue f = jsGetGlobal(es, "js_add");if (jsIsFunction(f)){return -1;}jsValue jVal[2];jVal[0] = jsInt(1);jVal[1] = jsInt(2);jsValue callRet = jsCallGlobal(es, f, jVal, 2);return jsToInt(es, callRet);
}

显示DevTool

#param1：wkeWebView 实例
#param2：调试器的路径，即front_end/inspector.htmlwkeShowDevtools(m_wkWebView, szPath, 0, 0);

void CMbWebView::ShowDevTool()
{wchar_t szPath[MAX_PATH] = _T("");GetModuleFileNameW(NULL, szPath, MAX_PATH);PathRemoveFileSpecW(szPath);PathAppendW(szPath, L"front_end");PathAppendW(szPath, L"inspector.html");if (_waccess(szPath, 00) != 0){wchar_t szBuf[1024] = L"";_snwprintf_s<1024>(szBuf, 1024, L"调试工具[%s]不存在", szPath);MessageBoxW(GetHwnd(), szBuf, L"错误提示", MB_OK);}else{wkeShowDevtools(m_wkWebView, szPath, 0, 0);}
}

其他的更多功能直接参考官方的mb demo。