QT集成CEF10-JavaScript与C++互调

最新推荐文章于 2024-06-21 16:41:46 发布
最新推荐文章于 2024-06-21 16:41:46 发布
阅读量2.4k 收藏 9
点赞数 3
分类专栏： QT一步一步集成CEF 文章标签： javascript qt c++ CEF chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/paopao_wu/article/details/122059399
版权

我们为什么要使用CEF? 很多情况下都是为了能够实现JavaScript与 native C++之间的相互调用。即网页中的JavaScript调用的时候，触发本地C++代码的执行，比如访问硬件等JavaScript无法完成的功能。本地C++代码也可以回调JavaScript，比如本地代码收到操作系统的一些通知后，将通知内容转交给JavaScript代码来执行。

​ CEF中，JavaScript代码是运行在Renderer进行中的，理解这一点非常重要，native代码写的地方不合适，JavaScript代码在调用的时候，就无法正常工作。CEF使用V8 JS引擎执行内部的JS，每一个Frame在浏览器进程中都由一个属于自己的JS Context，而他们都运行在Renderer进程中。

​ 那我们如何才能使用native的 C++代码来扩展JavaScript的执行？主要是通过 CefRenderProcessHandler 中的两个方法：

  • virtual void OnWebKitInitialized() {}

    当 webkit 初始化完毕之后。在这个函数中，我们可以通过 CefRegisterExtension() 函数来注册JavaScript与C++代码之间的“映射”关系，官方管这种方式叫做扩展(Extension)

  • virtual void OnContextCreated(CefRefPtr<CefBrowser> browser, CefRefPtr<CefFrame> frame, CefRefPtr<CefV8Context> context) {}

    JavaScript 上下文被创建以后，在这个函数中，我们可以为JavaScript中的 window 对象绑定属性和方法，官方将这种方式叫做 窗口绑定(window binding)

不管使用那种方式，都必须在渲染进程中完成。

本小节的代码都在 QyRender项目中完成, 参考文档
在这里插入图片描述

1. 扩展(Extenstion)

​ 这里演示为JavaScript扩展AES加密解密的方法。本节使用了 QT-AES 这个开源库来实现AES加密解密。

1.1 准备QT-AES

到 GitHub 下载 QT-AES 源码，只需要将 qaesencryption.cpp 和 qaesencryption.h 这两个文件拷贝到我们的项目中即可。
在这里插入图片描述

1.2 QyAppRenderer 类

QyAppRenderer 从CefApp 和 CefRenderProcessHandler 继承，需要重写 OnWebKitInitialized 方法：

// QyAppRenderer.h

class QyAppRenderer :public CefApp, public CefRenderProcessHandler {
public:
	QyAppRenderer();
    // ... 省略
	void OnWebKitInitialized() OVERRIDE;
    // ... 省略
};


// QyAppRenderer.cpp
void QyAppRenderer::OnWebKitInitialized() {
	qDebug() << "=====OnWebKitInitialized=======";
}

1.3 扩展

在OnWebKitInitialized 方法中，我们需要通过下面步骤来完成扩展：

1.3.1 定义JS 文本

定义一段JavaScript 文本字符串，在这段JavaScript文本中，声明 native function,这个例子中演示了三个方法：

  • app.encrypt(originText) //加密 ,参数为要加密的字符串
  • app.decrypt(encryptText) // 解密, 参数为要解密的密文字符串
  • app.sayHello(callback) // 参数为一个回调函数 callback =function(data) { … }
var app;
if(!app){
    app={};
    (function(){
        app.encrypt=function(originText){
            native function encrypt();//声明本地方法名
            return encrypt(originText); //执行本地方法
        }
        app.decrypt=function(encryptText){
            native function decrypt();//声明本地方法名
            return decrypt(encryptText); //执行本地方法
        }
        app.sayHello=function(callback) {
            native function sayHello();//声明本地方法名
            return sayHello(callback);//执行本地方法
        }
    })(); //JavaScript自执行函数
}

如果将这段JavaScript代码定义成字符串，格式不太美观，这里将它放到QT项目的资源文件中，使用的时候从资源文件中读取出来：

首先在项目 QyRender下创建一个文件夹resources， 然后在这个文件夹中创建 extention_js.js 文件，内容就是上面的JavaScript代码：
在这里插入图片描述

然后添加一个QT资源文件： extention_js.qrc
在这里插入图片描述

将 extention_js.js 文件添加到资源文件中

在这里插入图片描述

C++ 11 提供了多行字符串的语法，也可以使用这种语法，直接将JavaScript 代码定义到字符串中。

	std::string jsCode = R"(
		var app;
        if(!app){
			app={};
			....
        }
    )";

1.3.2 实现 CefV8Handler 接口

​ native代码需要实现 CefV8Handler 接口，为了方便，直接在 写在了 QyAppRenderer.cpp 文件中：

// QyAppRenderer.cpp
#pragma execution_character_set("UTF-8")
#include "QyAppRenderer.h"
#include <QDebug>
#include <QProcess>
#include "encrypt/qaesencryption.h"
#include <QCryptographicHash>
#include <QDateTime>
namespace {
}
class AppNativeV8Handler : public CefV8Handler {
	public:
		AppNativeV8Handler() {}
		bool Execute(const CefString& name, //JavaScript 函数名
			CefRefPtr<CefV8Value> object,     //JavaScript函数持有者
			const CefV8ValueList& arguments,//JavaScript 参数
			CefRefPtr<CefV8Value>& retval,  // JavaScript返回值
			CefString& exception) override {
			// 加密
			if (name == "encrypt") {
				std::string originText = arguments.at(0).get()->GetStringValue();
				QString	 rtText = encrypt(QString::fromStdString(originText));
				//返回值交给 retval
				retval = CefV8Value::CreateString(rtText.toStdString());
				return true;
			}
			// 解密
			if (name == "decrypt") {
				std::string encryptText = arguments.at(0).get()->GetStringValue();
				QString	 rtText = decrypt(QString::fromStdString(encryptText));
				retval = CefV8Value::CreateString(rtText.toStdString());
				return true;
			}
			// sayHello 带回调的JavaScript 函数
			// 名称为 sayHello, 参数数量为1，而且类型是一个函数
			if (name == "sayHello" && arguments.size() == 1 && arguments[0]->IsFunction()) {
				// 获取回调函数
				CefRefPtr<CefV8Value> callback = arguments[0];
				QDateTime now = QDateTime::currentDateTime();//获取系统当前时间
				time_t nowTime = now.toTime_t();
				//转换成CefDate 类型
				CefTime cefNow(nowTime);
				CefRefPtr<CefV8Value> callbackFunctionParam = CefV8Value::CreateDate(cefNow);

				CefV8ValueList arguments;
				arguments.push_back(callbackFunctionParam);

				// 执行JavaScript回调，并将参数传递给它，参数是一个CefV8ValueList
				callback->ExecuteFunction(NULL, arguments);
				return true;
			}
			return false;
		}

	private:
		// aes加密算法密钥
		QString _aes_secret_key = "a0123456789";

		/*
		* AES算法字符串加密
		*/
		QString encrypt(QString originText) {

			QAESEncryption encryption(QAESEncryption::AES_128, QAESEncryption::ECB, QAESEncryption::ZERO);
			QByteArray hashKey = QCryptographicHash::hash(_aes_secret_key.toUtf8(), QCryptographicHash::Md5);
			QByteArray encodedText = encryption.encode(originText.toUtf8(), hashKey);
			QString str_encode_text = QString::fromLatin1(encodedText.toBase64());
			qDebug() << "encrypt:" << originText << "    result:" << str_encode_text;
			return str_encode_text;
		}

		/*
		* AES算法字符串解密
		*/
		QString decrypt(QString encryptText) {
			QAESEncryption encryption(QAESEncryption::AES_128, QAESEncryption::ECB, QAESEncryption::ZERO);
			QByteArray hashKey = QCryptographicHash::hash(_aes_secret_key.toUtf8(), QCryptographicHash::Md5);
			QByteArray decodedText = encryption.decode(QByteArray::fromBase64(encryptText.toLatin1()), hashKey);
			qDebug() << "decrypt:" << encryptText << "    result:" << QString::fromUtf8(decodedText);
			return QString::fromUtf8(decodedText);
		}
		IMPLEMENT_REFCOUNTING(AppNativeV8Handler);
	};

代码比较长，其实这里就一个方法,native的 c++ 代码在这里执行， JavaScript函数名等信息通过参数传递过来。这个方法中，通过判断函数的名称来判断应该执行什么样的代码。常用的JavaScript 类型在CEF中都有对应的类型，详情可以见参考文档

bool Execute(const CefString& name, //JavaScript 函数名
			CefRefPtr<CefV8Value> object,     //JavaScript函数持有者
			const CefV8ValueList& arguments,//JavaScript 参数
			CefRefPtr<CefV8Value>& retval,  // JavaScript返回值
			CefString& exception) override

1.3.3 OnWebKitInitialized 函数实现

在QyAppRenderer 类中实现 OnWebKitInitialized 函数：

// QyAppRenderer.cpp
// ...省略
void QyAppRenderer::OnWebKitInitialized() {
	//1. 从资源文件中获取要扩展的JavaScript代码
	QFile jsFile(":/extention_js.js");
	jsFile.open(QIODevice::ReadOnly);
	QByteArray jsFileData = jsFile.readAll();
	//2.  JavaScript 字符串
	QString jsCode(jsFileData);

	// 3. Register app extension module
	// JavaScript里调用函数时，就会去通过CefRegisterExtension注册的CefV8Handler列表里查找
	// 找到"v8/app"对应的CefV8HandlerImpl，就调用它的Execute方法
	CefRefPtr<CefV8Handler> v8Handler = new AppNativeV8Handler();
	CefRegisterExtension("v8/app", jsCode.toStdString(), v8Handler);
}
// ...省略

1.3.4 网页中使用

在这里插入图片描述

  • 第一个文本框输入字符串，点击"加密"，结果会在第二个文本框中显示出来
  • 点击"解密" ，解密结果会在下面显示
  • 点击“测试 app.sayHello” 按钮，c++代码会回调sayHello传入的回调函数
<!-- index.html  -->
<div>
        <input id="msg" type="text" /> <button id="btnEncrypt">加密</button> <br />
        加密结果：
        <input id="msgEncryptResult" type="text" />
        <button id="btnDncrypt">解密</button><br />
        <button id="btnTestSayHello">测试 app.sayHello</button><br />
</div>
<div id="dncryptInfo">

</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/index.js"></script>

// index.js
console.log(app);
window.onload = () => {
    $("#btnEncrypt").click(() => {
        // 加密
        var result = app.encrypt($("#msg").val());
        $("#msgEncryptResult").val(result);
    });

    $("#btnDncrypt").click(() => {
        // 解密
        var result = app.decrypt($("#msgEncryptResult").val());
        $("#dncryptInfo").html("解密结果:" + result);
    });
    $("#btnTestSayHello").click(() => {
		// c++回调函数，data是c++传入的时间对象
        app.sayHello((data) => {
            console.log(data);
            console.log("Hello" + data);
        });
    });


}

启动应用，按F12打开开发者工具：
在这里插入图片描述

可以看到， “app” 对象被成功注册，app对象中包含了三个函数： decrypt,encrypt, sayHello
在这里插入图片描述

点击"测试app.sayHello" ,控制台输出：
在这里插入图片描述

1.3.5 扩展小结

  • 渲染进程CefApp实现CefRenderProcessHandler接口中的 OnWebKitInitialized 函数
  • OnWebKitInitialized 函数中定义JavaScript代码文本，在JavaScript代码文本中声明native方法。
  • native方法的具体执行的C++代码要通过 重写CefV8Handler 类中的 Execute方法来完成。
  • 通过函数CefRegisterExtension 将JavaScript代码和CefV8Handler 关联起来。

JavaScript对应的数据类型的值可以通过 CefV8Value:: CreateXXX 来创建，JavaScript各种数据类型的值的类型都是 CefV8Value

CefV8Value中的

  • CefRefPtr<CefV8Value> ExecuteFunction(CefRefPtr<CefV8Value> object,const CefV8ValueList& arguments)
  • virtual CefRefPtr<CefV8Value> ExecuteFunctionWithContext(CefRefPtr<CefV8Context> context,CefRefPtr<CefV8Value> object,const CefV8ValueList& arguments)

这两个方法可以执行JavaScript代码，

2. 窗口绑定(window binding)

窗口绑定也可以实现 JavaScript与C++ 代码的相互调用，其思路与扩展一样。

本节实现一个为JavaScript 中的window对象绑定一个只读的全局对象window.appEnv，其中包含：

在这里插入图片描述

  • cpuName:cpu名称
  • cpuSn:cpu序列号
  • encrypt:加密方法 （就是上面的AES加密放大）
  • decrypt:解密方法（就是上面的AES解密方法）
  • hddSn: 硬盘序列号
  • ipAddr: 本机IP地址
  • macAddr: 本机网卡mac地址
  • memory: 本机内存

注： 这里采集的是windows 10 操作系统

​ 当浏览器JavaScript上下文创建完毕之后，此时，Dom已经解析完毕了。在CefRenderProcessHandler接口的 OnContextCreated 函数 中，就可以往 JavaScript window对象中绑定各种JavaScript 对象（字符串，对象，函数等等）。

2.1 OnContextCreated 函数

void QyAppRenderer::OnContextCreated(CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefFrame> frame,
	CefRefPtr<CefV8Context> context) {
	...
}
  • browser: 当前的浏览器对象
  • frame : 当前窗口frame对象.
  • context : JavaScript上下文

2.2 获取硬件信息方法

通过下面代码来获取硬件信息，硬件信息保存到AppEnv 结构体中，这里通过调用 windows中的wmic 命令来获取系统硬件信息

// QyAppRenderer.cpp
namespace {
    // 获取cpu名称
	const QString CPU_NAME_CMD = "wmic cpu get name";
	// 查询cpu序列号
	const QString CPU_ID_CMD = "wmic cpu get processorid";
	// 查看硬盘序列号
	const QString DISK_NUM_CMD = "wmic diskdrive where index=0 get serialnumber";
	// 查询网卡和IP地址
	const QString IP_MAC_ADDRESS_CMD = "wmic PATH Win32_NetworkAdapterConfiguration WHERE \"IPEnabled = True and not MACAddress like '00:%'\" get Ipaddress,MACAddress";
	// 内存大小
	const QString MEM_SIZE_CMD = "wmic ComputerSystem get TotalPhysicalMemory";

	//IP地址正则表达式
	QString IP_REG_PATTERN = "((2[0-4]\\d|25[0-5]|[01]?\\d\\d?)\\.){3}(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)";
	//MAC地址正则表达式
	QString MAC_REG_PATTERN = "([0-9a-fA-F]{2})(([/\\s:][0-9a-fA-F]{2}){5})";
    
    //数据保存到结构体中
    typedef struct 
	{
		QString cpuSn;			//cpu序列号
		QString cpuName;	// cpu名称
		QString ipAddr;			//IP地址
		QString macAddr;		//网卡mac地址
		QString hddSn;			// 硬盘序列号
		qint64 memory;				//内存大小，单位 字节
	} AppEnv;
    // 执行命令，获取返回结果
    QString getWMIC(const QString& cmd)
	{
		QProcess p;
		p.start(cmd);
		p.waitForFinished();
		QString result = QString::fromLocal8Bit(p.readAllStandardOutput());
		QStringList list = cmd.split(" ");
		result = result.remove(list.last(), Qt::CaseInsensitive);
		result = result.replace("\r", "");
		result = result.replace("\n", "");
		result = result.simplified();
		return result;
	}
    
    // 获取应用程序运行环境
	static AppEnv getAppEnv() {
		AppEnv appEnv;
		appEnv.cpuName = getWMIC(CPU_NAME_CMD); // CPU名称
		appEnv.cpuSn = getWMIC(CPU_ID_CMD); // CPU序列号

		QString	ipMac = getWMIC(IP_MAC_ADDRESS_CMD); //IP地址和mac地址
		QRegExp ipRx(IP_REG_PATTERN); //IP正则
		if (ipMac.indexOf(ipRx) >= 0) {
			appEnv.ipAddr = ipRx.cap(0);
		}

		QRegExp macRx(MAC_REG_PATTERN);//MAC正则
		if (ipMac.indexOf(macRx) >= 0) {
			appEnv.macAddr = macRx.cap(0);
		}
		appEnv.hddSn = getWMIC(DISK_NUM_CMD); //硬盘

		appEnv.memory = getWMIC(MEM_SIZE_CMD).toLongLong();

		return appEnv;
	}
    
    }

2.3 OnContextCreated 函数实现

​ 在这个函数中，主要就是创建各种JavaScript 对象对应的 CefV8Value，如果创建的是JavaScript函数，则需要CefV8Value::CreateFunction 来创建，创建函数就需要用到 CefV8Handler 了，CefV8Handler的作用就是native JavaScript函数对应的C++代码。

如果C++要调用 JavaScript代码，则只需要使用 CefV8Value 调用 ExecuteFunction 或者 ExecuteFunctionWithContext

void QyAppRenderer::OnContextCreated(CefRefPtr<CefBrowser> browser,
	CefRefPtr<CefFrame> frame,
	CefRefPtr<CefV8Context> context) {
	// 获取app运行环境硬件信息
	AppEnv appEnv = ::getAppEnv();

	 Retrieve the context's window object.
	CefRefPtr<CefV8Value> window = context->GetGlobal();

	//创建一个JavaScript 对象，全部为只读属性
	CefRefPtr<CefV8Value> appEnvObject = CefV8Value::CreateObject(NULL, NULL);
    // 为JavaScript 对象设置属性值
	appEnvObject->SetValue("cpuSn", CefV8Value::CreateString(appEnv.cpuSn.toStdString()), V8_PROPERTY_ATTRIBUTE_READONLY);
	appEnvObject->SetValue("cpuName", CefV8Value::CreateString(appEnv.cpuName.toStdString()), V8_PROPERTY_ATTRIBUTE_READONLY);
	appEnvObject->SetValue("ipAddr", CefV8Value::CreateString(appEnv.ipAddr.toStdString()), V8_PROPERTY_ATTRIBUTE_READONLY);
	appEnvObject->SetValue("macAddr", CefV8Value::CreateString(appEnv.macAddr.toStdString()), V8_PROPERTY_ATTRIBUTE_READONLY);
	appEnvObject->SetValue("hddSn", CefV8Value::CreateString(appEnv.hddSn.toStdString()), V8_PROPERTY_ATTRIBUTE_READONLY);
	appEnvObject->SetValue("memory", CefV8Value::CreateString(QString::number(appEnv.memory).toStdString()), V8_PROPERTY_ATTRIBUTE_READONLY);
	// JavaScript 函数就需要 CefV8Handler 来处理。这里使用了前面定义的 AppNativeV8Handler
	CefRefPtr<CefV8Handler> handler = new AppNativeV8Handler();
	CefRefPtr<CefV8Value> funcEncrypt = CefV8Value::CreateFunction("encrypt", handler);
	CefRefPtr<CefV8Value> funcDecrypt = CefV8Value::CreateFunction("decrypt", handler);
	appEnvObject->SetValue("encrypt", funcEncrypt, V8_PROPERTY_ATTRIBUTE_NONE);
	appEnvObject->SetValue("decrypt", funcDecrypt, V8_PROPERTY_ATTRIBUTE_NONE);

	//绑定到window对象上,同样为只读属性
	window->SetValue("appEnv", appEnvObject, V8_PROPERTY_ATTRIBUTE_READONLY);
}

2.4 测试是否绑定成功

在index.js 中，打印出 window.appEnv 进行查看

// index.js
if (window.appEnv) {
    console.log(window.appEnv);
}

启动应用，打开F12：

在这里插入图片描述

下一章节将会尝试JavaScript与C++之间如何实现异步调用。
代码请访问 GitHub qt_cef_10分支

paopao_wu
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
cef中c++和javascript数据交互的几种方法
xiaoyu的博客
01-29 1676
基础知识 cef中有两种进程，render进程和browser进程。 render进程 render进程负责显示web页面，运行javascript代码。 v8引擎的初始化是在render进程中调用的，所以你的javascript代码是在render进程中执行的。 即使你在browser进程中调用 frame->ExecuteJavaScript() 你也要清楚，代码是发送到rend...
QCefView：C++与JS交互的方法
蓝之羽的博客
04-22 1809
QT嵌入CEF，使用QCefView比较 简单些，很多功能 都已经集成好了，使用比较方便，关于如何搭建CEF环境与编译QCefView，这里就不说了，网上有很多文章，而且通过编译调试QCefView，也可以加强对QCefView的了解，这里主要整理下我对QCefView的C++与JS的通信方法。 进入正题： 1、C++调用JS的方法： （1）JS设置自己的方法名称与C++调用的别名映射关系：...
Qt使用cef加载网页，可播放实时视频、Cef库文件二次封装、Qt与cef交互使用示例
12-10
Qt5.9.1使用cef播放实时视频流正常显示，不会出现白屏。资源包含了cef源文件，生成vs2015工程项目，编译输出libcef_dll_wrapper.lib库步骤及注意事项，QCefWebView二次封装cef库项目及生成步骤，Qt环境下cef使用的示例代码,与cef JS交互的接口介绍及详细使用步骤，全网最全的关于qt使用cef的教程，如有问题可联系qq：442505186
CEF中如何进行C++代码（客户端）和JS代码（前端）互相调用
因热爱而执着，因执着而成功。
10-09 311
Chromium和CEF在其内部JavaScript(JS)实现中使用V8 JavaScript引擎。浏览器中的每个帧（frame）都有其自己的JS上下文（context），为该帧中执行的JS代码提供作用域和安全性。（有关更多信息，请参见“使用上下文”部分）。CEF暴露了许多JS功能，可供客户端应用程序集成使用。
duilib+cef+echarts，cef多窗口，js与c++交互（带回调函数的）双向通信
03-20
实现了duilib加载了cef功能，在js上引入echarts实现图标相关界面，实现了多窗口能力，c++与js通信数据交互等。 （1）duilib加载cef,实现多窗口能力，并能打开开发者工具页面调试js代码 （2）在js端引入echarts实现了图表界面，实现图表数据数据实时刷新，数据通过js与c++交互获取 （3）实现了c++与js交互的能力，交互接口带有回调函数，双向通信代码完整，可直接使用 1）js调用c++,在c++端注册cpp函数，js端调用此函数,c++收到后通过回调函数将数据返给js端。 2）c++调用js，在js端注册函数，c++调用此函数，js收到后通过回调函数将回调信息返给c++端 （4）cef版本为80.1.15版本，经过测试稳定，无内存泄露等问题，可直接使用。 （5）将cef js于c++交互相关功能封装到了一个库中。可直接引用到项目中使用 （6）同时包含了echarts相关文件 （7）代码完成，有实例程序，注释详细
CEF 中的 JavaScript
重庆一小兵--关注教育、机器视觉、商务智能、数据分析
02-22 940
CEF 利用 V8 JS 引擎来实现 JS。 浏览器中的每一个 frame 都有自己的 JS 上下文，JS 只能在该上下文中执行。 JS 只能在渲染进程中的 TID_RENDERER 线程中执行。 有关 JS 回调的接口都包含在 CefRenderProcessHandler 中，因此我们要实现这个接口来对 JS 进行扩展。这个接口一般由 CefApp 实现。 执行 JavaScript 可以通过 CefFrame::ExecuteJavaScript() 来执行 JS。该函数可以脱离 JS 上下文
WebBrowser-Javascript与C++互操作
一雨田的专栏
04-05 4026
原文链接: http://www.congci.com/item/webbrowserjavascriptcpp   WebBrowser控件是Microsoft提供的一个用于网页浏览的客户端控件，WebBrowser控件的使用相当广泛，例如很多邮件客户端都是使用可编辑的WebBrowser控件作为写邮件的工具，也有很多软件用WebBrowser控件弹出网页，如qq的个性首页。关于WebBro
qt-cef-web-master Qt使用cef进行网页窗口的嵌入显示源码
08-19
Qt使用cef进行网页窗口的嵌入显示源码
Qt 内嵌简化版cef 只有15M，包含js C++互调，
08-31
Qt 内嵌简化版cef 只有15M，包含js C++互调，内部qt是用的静态编译，大家需要换成自已用的Qt环境。release可以直接运行exe
qt-cef-web-step Qt使用cef进行网页窗口的嵌入显示可执行程序
08-19
qt-cef-web-step Qt使用cef进行网页窗口的嵌入显示可执行程序
cef3-c++接口实现文档1
08-08
在本文档中，我们将深入探讨如何使用CEF(Chromium Embedded Framework)来实现C++接口，以便集成一个定制化的浏览器。CEF是一个开源项目，允许开发者在自己的应用中嵌入Chromium浏览器引擎，提供丰富的Web交互功能。 ...
QT内嵌CEF3，完整例子。
09-13
QT内嵌CEF3，完整例子。需要自已设置 qt环境。修改下载分数为1分。 设置vs的qt环境就可以直接编译运行了。
CEF的js与c++相互调用
weixin_37645543的博客
01-24 4789
摘抄了网上很多大神的资料，感觉这些部分可以更好的去理解CEF Cef基本结构 1、CefApp接口 CefApp接口提供了不同进程的可定制回调函数，每一个进程对应一个CefApp接口。CefBrowserProcessHandler对应浏览器进程的回调，CefRenderProcessHandler对应渲染进程的回调。我们应该继承CefApp、CefBrowserProcessHandler、
Cef3中js与C++交互（五）—— JS简单回调
斧冰
09-16 1729
Native code can execute JS functions by using the ExecuteFunction() and ExecuteFunctionWithContext() methods. The ExecuteFunction() method should only be used if V8 is already inside a context as described in the “Working with Contexts” section. The Execu.
cef 实现js 调用C++（ cef EasyCKL）
Greless的后花园
04-14 269
// WindowsProject1.cpp : 定义应用程序的入口点。 // #include "framework.h" #include "WindowsProject1.h" #include "Resource.h" #include "EasyCKL.h" #pragma comment(lib, "easyckl.lib") #include <iostream> #include <io.h> #include <atlimage.h> /...
CEF：C++和JS交互
CAir2的专栏
12-27 6504
CEF 中的JavaScript CEF 利用 V8 JS 引擎来实现 JS。 浏览器中的每一个 frame 都有自己的 JS 上下文，JS 只能在该上下文中执行。 JS 只能在渲染进程中的 TID_RENDERER 线程中执行。 有关 JS 回调的接口都包含在 CefRenderProcessHandler 中，因此我们要实现这个接口来对 JS 进行扩展。这个接口一般由 CefApp 实现。 ...
不出网上线CS的各种姿势（内网横向）
最新发布
qq_64395221的博客
06-21 921
在内网环境中可以使用ipc $生成的SMB Beacon上传到目标主机执行，但是目标主机并不会直接上线的，需要我们自己用链接命令(link <ip>)去连接它。经常是拿下一台边缘机器，其有多块网卡，用于连接内外网，内网机器都不出网。因为连接的Beacons使用Windows命名管道进行通信，此流量封装在SMB协议中，所以SMB Beacon相对隐蔽，绕防火墙时可能发挥奇效。一样，建立pystinger连接之后，直接生成payload在业务主机执行，业务内网主机192.168.111.236即可成功上线。
C++ CEF 与Qt 集成
04-07
CEF（Chromium Embedded Framework）是一个基于Chromium的开源框架，主要用于嵌入式浏览器应用程序的开发。Qt是一个跨平台的C++应用程序开发框架，提供了许多GUI和多媒体功能。在以下步骤中，我们将介绍如何将CEF与Qt集成。 1. 下载CEF 首先，需要从CEF官网（https://cefsharp.github.io/）下载适合您操作系统的CEF版本。您可以选择标准版本或使用NuGet包。 2. 创建Qt项目 使用Qt Creator创建一个新的Qt项目。在项目设置中，确保您已选择正确的构建工具链和平台。在.pro文件中添加以下内容： ``` LIBS += -L/path/to/cef -lcef INCLUDEPATH += /path/to/cef ``` 其中，`/path/to/cef`是CEF的安装路径。 3. 集成CEF 在Qt项目中，您可以使用CEF的C API或C++ API。在本例中，我们将使用C++ API。 首先，将CEF的C++头文件添加到Qt项目中。在您的Qt项目中创建一个新的C++源文件，并使用以下代码初始化CEF： ``` #include "include/cef_app.h" #include "include/cef_browser.h" #include "include/cef_client.h" class CefApplication : public CefApp, public CefBrowserProcessHandler { public: // Implement CefApp methods here }; CefRefPtr<CefApplication> app(new CefApplication); CefMainArgs mainArgs(argc, argv); CefInitialize(mainArgs, app, NULL); ``` 这将初始化CEF并创建一个CEF应用程序。 接下来，您需要创建一个CEF客户端类。客户端类处理浏览器事件和渲染进程事件。以下是一个简单的CEF客户端类： ``` class CefClientImpl : public CefClient, public CefLifeSpanHandler { public: // Implement CefClient and CefLifeSpanHandler methods here }; CefRefPtr<CefClientImpl> client(new CefClientImpl); ``` 最后，将CEF嵌入到Qt应用程序中。在Qt应用程序的主窗口中，将CEF嵌入到QWidget中： ``` CefWindowInfo windowInfo; windowInfo.SetAsChild(reinterpret_cast<cef_window_handle_t>(widget->winId()), CefRect(0, 0, width, height)); CefBrowserSettings browserSettings; CefBrowserHost::CreateBrowserSync(windowInfo, client.get(), "http://www.google.com", browserSettings, NULL); ``` 这将在Qt应用程序的QWidget中创建一个CEF浏览器。 4. 运行应用程序 现在，您可以运行Qt应用程序并查看CEF浏览器。使用Qt的GUI控件可以与CEF浏览器进行交互，例如在Qt窗口中显示CEF浏览器的网页内容，或在CEF浏览器中嵌入Qt控件。 注意：在集成CEF时，需要考虑Qt和CEF的线程模型。Qt使用主线程作为GUI线程，而CEF使用多个线程处理浏览器事件和渲染进程事件。因此，在使用CEF时，需要确保在正确的线程上执行GUI操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

paopao_wu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值