利用QT进行web与本地混合应用开发

2023-11-18

利用QT进行web与本地混合应用开发

[T] 利用QT进行web与本地混合应用开发

 Qt Features for Hybrid Web/Native Application Development。
原文参见 http://www.qtsoftware.com/forms/whitepapers/reg-whitepaper-hybrid.(限于本人英文水平,只译其大概)


Qt提供了本地 C++对象与JavaScript的无缝集成,是进行本地与web混合应用开发的理想平台。


(一)Qt Webkit 集成
  利用Qt的Webkit 集成与QtNetwork模块,你完全可以进行本地桌面与web混合应用开发,你可以自由地混合JavaScript,样式表,Web内容和Qt组件。Webkit是一个非常成熟的web浏览引擎。Qt中集成了这个大名鼎鼎的引擎,通过QtWebkit,你可以在C++ 中执行JavaScript,或者在网页中集成C++对象,并且通过JavaScript和这些对象进行交互。
  一个现代的HTML渲染引擎只是混合开发的一半,另一半就是本地应用和渲染对象的交互。QT的Webkit 集成提供了这种解决方案:
  1.使用object标签嵌入Qt Widgets组件。这可以让使用C++代码的Qt组件包含在网页中,作为网页的部分外观。
  2.在JavaScript中访问C++对象。你可以在JavaScript环境中插入C++对象,让网页脚本直接访问你的数据结构。
  3.在Qt中执行JavaScript。你可以在C++调用网页环境中的JavaScript函数,触发网页事件。
  4.共享客户端存储。在JavaScript和C++中你都具有访问数据库的能力,这样当下线时也能共享大量数据。


(二)与嵌入的Qt对象交互
  使用 QWebView 组件,有两种方法可以在网页中嵌入C++对象。你可以在网页的JavaScript中添加C++对象,或者也可以创建一个插件,然后在网页中使用object标签嵌入。
  
  第二种方法更容易入手。当在网页中放入 Widget组件时,它的所有public slots就像普通函数一样被网页中的JavaScript函数访问。
    要在网页中添加一个Widget,首先要告诉你的QWebPage对象,该Widget可用,这个通过子类化QWebPlugFactory完成,你需要重新实现两个方法:plugs和create。plugs方法通知网页该Widget可用,create方法根据请求创建widget。
  在HTML网页中,widgets使用object标签创建。比如,下面这个标签试图创建一个 application/x-qt-colorlabel 组件。

<object type="application/x-qt-colorlabel" width="50px" height="20px" id="label" />


  要利用这种创建,必须要允许使用插件并且要告诉QWebpage插件的工厂类。在下面的代码中,ColorLabelFactory将会根据application/x-qt-colorlabel的请求创建相应实例。

QWebSettings::globalSettings()->setAttribute(QWebSettings::PluginsEnabled, true); 
webView->page()->setPluginFactory(new ColorLabelFactory(this));


  ColorLabel有一个公开的slot: chagneColor(),这个对于网页中的JavaScript自动可用。在网页中插入一个指向该元素的链接,可以以一种简单的方式激活C++函数。

<a href='javascript:document.getElementById("label").changeColor();'>Change color!</a> 

 
 
  要反方向推进事件,必须要使你的对象在JavaScript文档上下文中可用。要对QWebPage的每一个QWebFrame,调用addToJavaScriptWindowObject方法。这个方法允许你根据名字把一个对象添加到JavaScipt上下文中。

webView->page()->mainFrame()->addToJavaScriptWindowObject( "eventSource", new eventSource( this ) );


  要连接刚添加对象eventSource的信号,要加上一段JavaScript代码,使用evaluateJavaScript方法完成。下面的代码将把eventSource对象的signalName信号连接到一个JavaScript函数destFunction。

webView->page()->mainFrame()->evaluateJavaScript( "eventSource.signalName.connect(destFunction);" );



  如果你把一个对象添加到一个以标准浏览器查看的JavaScript页面中,有一个信号需要知道。每一次JavaScript内容被清除,Frame都会释放 javaScriptWindowObjectCleared 信号。为了使你的Qt对象一直可用,你需要连接这个信号,并且在这里调用 addToJavaScriptWindowObject函数。


(二)使用客户端存储共享数据

       随着HTML5,WEB标准日益靠近于桌面,同样,桌面也开始集成WEB。这方面一个最大的变化就是客户端存储。这在客户机上给了每一方(比如每一个页面)一个能利用SQL的数据库引擎,可以缓存本地数据,减少流量,使页面能脱机使用。还可以用来存储大量的结构化的,可搜索的数据。

      客户端存储可以在JavaScript中使用,从JavaScript代码中搜索数据库,然后从搜索结果中生成页面。这要使用 openDatabase和transaction函数。

假设现在有个数据库, 代码如下所示:

db = openDatabase("TestDb ", "1.0", "Client side storage test", 200000);
db.transaction( function(tx) {
      tx.executeSql("SELECT id, text FROM Texts", [],  function(tx, result) {
          for ( var i = 0; i < result.rows.length; ++i) {
              var row = result.rows.item(i);
               processText( row['id'], row['text'] );
         }
    },     function(tx, error) {
         alert('Failed to retrieve texts from the database - ' + error.message);
         return;
    });
});

     使用QtWebkit,你可以使用QtSql模块访问同一个数据库。这在混合开发中是一个非常有用的特征。比如,你的应用中的web页面在和本地部分共享数据时,可以用同样的机制来保存数据。
     为了避免安全问题,客户端的数据库只能由具有正确权限的一方在JavaScript中访问。本地的C++代码也可以通过静态的QWebSecurityOrigin::allOrigins 方法,或者通过QWebFrame::securityOrigin 来访问所有安全对象
   

       通过databases方法,可以访问一个QWebDatabaew方法列表,每一个web数据库对象有一个filename属性,可以用来在本地代码中访问数据库。

QWebDatabase webdb = mySecurityOrigin.databases()[index];
QSqlDatabase sqldb = QSqlDatabase::addDatabase("QSQLITE", "webconnection");
sqldb.setDatabaseName(webdb.fileName());
if (sqldb.open()) {
    QStringList tables = sqldb.tables();
   
}

         在WEB和本地应用连接事件的能力,再加上共享数据的机制,更易于模糊WEB和桌面之间的界限。



(三)WEB转换

       很多通过WEB得到的数据并不适合直接显示。比如网络新闻, 地理数据,以及其它特定数据格式的应用。QT的网络模块可以以一种很简单的方式下载这样的数据,然后解析数据,把它转换成能被自己的代码处理的合适的格式。也可以通过QtXmlPatterns模块处理,当输出格式是XML或者想在XHMTL网页中显示时,这样更加方便。

      我们通过一个小例子来大致了解一下这个有意思的部分。我们下载一个新闻源,用XSLT把它从XML转换成XHTML,然后通过QWebPage把它显示出来。(图略)
      QNetworkAccessManager 类让你很容易处理客户端和WEB服务器之间的交互。它帮你处理诸如代理,保存设置,COOKIE以及SSL会话这些细节。总之,它不但让你在象上传下载这些常见情况更加容易,还可以帮你处理登录,认证这些复杂会话。
    为了下载我们例子中的新闻源,我们所有要做的就是创建一个QNetworkAccessManager 然后调用它的get方法。结果通过 finished(QNetworkReply*) 信号返回。

{

QNetworkAccessManager *manager =  new QNetworkAccessManager(  this );
connect( manager, SIGNAL(finished(QNetworkReply*)),  this, SLOT(handleReply(QNetworkReply*)) );
connect( manager, SIGNAL(finished(QNetworkReply*)), m_progressBar, SLOT(hide()) );
QNetworkReply *reply = manager-> get( QNetworkRequest( QUrl( feedUrl ) ) );
connect( reply, SIGNAL(downloadProgress(qint64, qint64)),  this, SLOT(updateProgress(qint64,qint64)) );
}


未完。。。。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

利用QT进行web与本地混合应用开发 的相关文章

  • 平滑画布动画

    我正在尝试学习如何使用 HTML5 的画布创建流畅的 JavaScript 动画 由于某种原因 动画并不流畅 而是有点 溅射 你可以看到我构建的框架这个jsFiddle http jsfiddle net 3TAVu 目前仅使用 Webki
  • 如何解决 Safari 的错误,该错误允许过滤器即使在隐藏溢出的情况下也能逃脱界限?

    我正在尝试使用 CSS 滤镜来模糊图像 在所有浏览器中 无论您将模糊设置为 预期 多少 模糊滤镜都会导致模糊超出图像的范围 但我想要定义边缘 并且图像有一个盒子阴影 所以我用另一个 div 包裹图像overflow set to hidde
  • Safari/Chrome (Webkit) - 无法隐藏 iframe 垂直滚动条

    我有一个iframe在 www example com 上 指向 support example com 这是外部域的 CNAME 我自动调整 iframe 的高度 以便框架不需要任何滚动条来显示所包含的网页 在 Firefox 和 IE
  • 在 Safari/WebView 中禁用 XSS 过滤器

    我正在开发一个用于 XSS 检查的工具 使用 Webkit WebView 和 Macruby 这非常有效 只是 Safari 的 XSS 过滤器偶尔会捕获我的 URL 并拒绝执行恶意脚本 有没有办法禁用此功能 最好以编程方式禁用 经过一番
  • 带有数组赋值的 JavaScript 意外控制台输出;

    在 webkit 浏览器 Chrome 16 0 912 77 和 Safari 5 1 2 7534 52 7 中进行数组分配后 我收到意外的控制台输出 这是我的函数 它演示了该错误 function test var myArray c
  • 如何删除 Cocoa 应用程序中 WebView 存储的 cookie?

    我的 Cocoa 应用程序使用WebView打开使用 cookie 的页面 出于测试目的 我想删除这些 cookie 我怎样才能做到这一点 以编程方式或手动 如果您想以编程方式执行此操作 可以使用NSHTTPCookieStorage ht
  • Safari Mobil iFrame 内容在视图之外未呈现

    Problem Open https run plnkr co preview cjt4eonvv00043e5jhlqw9olb https run plnkr co preview cjt4eonvv00043e5jhlqw9olb 在
  • 如何告诉 JavaFX WebView 忽略“use strict”指令?

    我正在尝试使用以下代码将 mozilla 查看器集成到 JavaFx WebView 中 import javafx application Application import javafx scene Scene import java
  • Submit() 函数有回调吗?

    我有这段代码 以及一个提交到框架的文件上传表单 setMyCookie name value 1 myform submit setMyCookie name value 2 问题 Webkit 浏览器似乎在提交表单之前或在提交表单的同时用
  • -webkit-flex 在 Android 上无法正常显示

    认识到自己的奇妙能力后display flex 我制作了一个网页 在 Windows 上的 Chrome 26 中查看时 该网页看起来完全符合我的要求 但是 它在我的 Android 上的 Chrome 26 中不起作用 在我的模拟器中的
  • 是否可以像 WebView 一样在 Windows 窗体中嵌入 Gecko 或 Webkit?

    我很想知道是否有 Gecko NET 这样的东西 我的意思是 就像我们可以嵌入一个 WebView 一样 它是任何 Windows 窗体应用程序中 IE7 的 实例 并告诉它navigateto fancy url 我喜欢使用 Firefo
  • 加载时css3过渡动画?

    是否可以在页面加载时使用 CSS3 过渡动画而不使用 Javascript 这就是我想要的 但是在页面加载时 图像滑块 html https web archive org web 20141021062316 http rilwis go
  • 为什么没有用户代理为视频元素实现 CSS 光标样式

    我想知道是否可以更改 CSS 属性cursor在默认 HTML5 上video元素 到目前为止 我的测试已经得出结论 没有用户代理 浏览器 实现cursor pointer默认情况下 所以你只剩下正常的操作系统箭头 控制指示器 当您尝试设置
  • 有没有办法设置 iOS Safari 过度滚动/弹性滚动区域的样式?

    在 iOS Safari 中 当您滚动到网页底部时 您可以通过尝试再次滚动来将页面 抬起 我认为这是为了向用户保证他们已经到达页面末尾 默认情况下 该区域是空的 白色的 有没有办法用 CSS 来设置这个区域的样式 我想添加背景图片 只是为了
  • 如何使用 javascript 选择页面上的任意文本?

    假设我有一个 contentEditablediv 用户可以编辑和更改其中的文本和元素 我如何任意更改此选择div用JavaScript 我所说的 更改 并不是指 更改用户选择的内容 我的意思是实际上更改what被选中 然后 用户应该能够在
  • 当我尝试构建 Qt 4.7.1 静态库时,“找不到 -ljscore”

    我尝试从最新的源构建静态 Qt 库 但出现以下错误 usr bin ld cannot find ljscore collect2 ld returned 1 exit status 如何解决这个问题呢 这是 Qt 构建系统中自 4 7 0
  • 在 Chrome 中使用 webkit-transform 旋转时出现不稳定的文本抗锯齿效果

    我正在使用旋转元素 webkit transform rotate 在 Chrome 14 0 835 2 dev m 中 它对元素内的文本做了一些非常奇怪的事情 它让我想起了在 Photoshop 中使用 平滑 抗锯齿而不是 清晰 旋转文
  • CSS3 属性 webkit-overflow-scrolling:touch 错误

    iOS 5 发布了网页设计师的新属性 webkit overflow scrolling touch它使用 iOS 设备硬件加速器为可滚动 div 提供本机滚动 当在我们的开发网站上实施时 它确实有效 但效果不佳 我相信可能存在 CSS 问
  • Cocoa webview UserAgent“webkit-legacy”问题

    我解决了这个问题 请看下面所选的答案 我一直在努力寻找导致 OSX Cocoa 应用程序的 WebView 与 Safari 表现不同的原因 事实证明 用户代理是不同的 有点明显 并且我正在访问的网站不知道如何处理它 令人惊讶的是 它是ht
  • chrome 如何建立正确的字符编码?

    我最近一直在使用很多字符集 在尝试为随机网页建立正确的字符集时发现了很多问题 字符集可以在html文档的标题中设置 也可以在节 多次或有时声明被省略 尽管存在这些问题 chrome 每次都在设置最佳字符集方面做得很好 我尝试过搜索来源 ht

随机推荐

  • Qt使用msvc编译器情况下,如何进行内存泄漏检测

    背景 使用Qt5版本 编译器选择msvc2017 在测试基于tinyxml2的二次封装类接口是否存在内存泄漏问题时 寻找内存泄漏检测工具 问题 寻找适合Qt msvc编程的内存泄漏检测工具 尝试 VLD Visual Leak Detect
  • 【Linux】基础I/O

    在C语言中我们学习到了文件的I O 可以回顾一下 https blog csdn net mmwwxx123 article details 81516082 系统文件I O linux下所有设备都是以文件存在的 可以说是一切皆文件 所以当
  • dc综合报告wand,vc spyglass lint工具不报告W145多驱动。原因是什么?

    因为vc spyglass lint对unload的信号 会不报告W145多驱动 另外 dc工具 会在某层次 认为1 b0是n1487信号线 dc check design报告里 会提醒多驱动 连接到了n1487信号线上 解决方法 根据dc
  • 【C++/STL】手撕AVL树

    文章目录 1 map中的问题 1 1map的insert 函数剖析 1 2map对 的重载 2 AVL树的模拟实现 2 1AVL树的概念 2 2AVL树节点的定义 2 3AVL树的插入 1 在较高的右子树右侧插入数据 左单旋 2 在较高的左
  • 【操作系统】寄存器

    概念 寄存器是CPU内部用来存放数据的一些小型存储区域 用来暂时存放参与运算的数据和运算结果 其实寄存器就是一种常用的时序逻辑电路 但这种时序逻辑电路只包含存储电路 寄存器的存储电路是由锁存器或触发器构成的 因为一个锁存器或触发器能存储1位
  • 443M衣架遥控arduino代码备档

    byte up 65 0 0 1 1 1 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 1 1 1 1 0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 1 0 1
  • 机器学习笔记GBDT(一):原理

    目录 文章目录 目录 前言 1 GBDT概述 2 GBDT的负梯度拟合 3 GBDT回归算法 1 初始化弱学习器 2 对于迭代轮数t 1 2 T有 3 得到强学习器f x 的表达式 4 GBDT分类算法 4 1 二元GBDT分类算法 4 2
  • Spring Boot自动扫描

    进行Spring Boot和Mybatis进行整合的时候 Spring Boot注解扫描的时候无法扫描到Application类的以外的包下面的注解 如下图 App就是Application类 下图是ProductMapper 类 Mapp
  • 函数的参数(形参与实参)的理解

    函数的参数 实际参数 实参 真实传给函数的参数 叫实参 实参可以是 常量 变量 表达式 函数等 无论实参是何种类型的量 在进行函数调用时 它们必须有确定的值 以便把这些值传送给形参 形式参数 形参 形式参数是指函数名后括号中的变量 因为形式
  • springboot项目响应信息Jackson解析映射,key为null时抛异常解决办法

    当使用 RestController注解时 会把响应信息自动解析成json格式 使用的是Jackson 但是Jackson默认不解析key为null的映射时会抛出异常 需要增加配置 解决 import com fasterxml jacks
  • 执行npm run dev 报【<--- Last few GCs --->内存溢出】

    setx NODE OPTIONS max old space size 10240 cmd 运行 set NODE OPTIONS max old space size 4096 这两个都试过都不行 欲哭无泪 后来听大佬说要下载 npm
  • yum与apt的区别

    一般来说著名的 Linux 系统基本上分两大类 RedHat 系列 Redhat Centos Fedora 等 Debian 系列 Debian Ubuntu 等 对比项 rpm yum dpkg apt 系列 RedHat系 RedHa
  • 什么是加密(Encrypt)?什么是哈希(Hash)?

    加密 Encrypt 加密的概念 假设有一个参数k和一种变换方式E 原始信息 m 通过变换 E 得到一个新的字符串c 公式为 c E m 那么我们就称原始信息 m 为明文 新字符串 c 为密文 将明文转化为密文的过程叫做加密 E 这种变换方
  • Your password has expired. To log in you must change it using a client that supports expired pa

    这个是初始密码问题 有两张方法 我这里用的是命令行的方法 即进入相应mysql目录 再修改密码的方法 首先输入mysqld defaults file F Program Files x86 MySQL my ini skip grant
  • std::bind

    std bind是函数模板 是一个函数 使用std bind可以将可调用对象和参数一起绑定 绑定后的结果使用std function进行保存 并延迟调用到任何我们需要的时候 std bind返回一个基于f的函数对象 其参数被绑定到args上
  • 一个老程序员告诉你:中国程序员为什么要跳槽

    http www jizhuomi com career 318 html
  • Rust学习笔记

    Rust学习笔记 文章目录 Rust学习笔记 1 0 Rust概述 Rust语言的特点 rust适合的领域 1 1 安装 配置开发环境 安装rust linux windows 配置开发环境 1 2 cargo Cargo 是什么 carg
  • 【满分】【华为OD机试真题2023 JAVA&JS】微服务的集成测试

    华为OD机试真题 2023年度机试题库全覆盖 刷题指南点这里 微服务的集成测试 知识点深搜 时间限制 1s 空间限制 256MB 限定语言 不限 题目描述 现在有n个容器服务 服务的启动可能有一定的依赖性 有些服务启动没有依赖 其次服务自身
  • 程序人生:无他,唯心向尔

    无他 唯心向尔 哎 怎么说呢 太长时间没写日记了 手和脑袋都有些生疏 不知道如何下笔 如何结尾 那还是老规矩 随波逐流地跟着beyond的歌写吧 希望这碗 鸡汤 不会给你带来油腻的感觉 今天我 寒夜里看雪飘过 怀着冷却了的心窝飘远方 贵州那
  • 利用QT进行web与本地混合应用开发

    利用QT进行web与本地混合应用开发 T 利用QT进行web与本地混合应用开发 Qt Features for Hybrid Web Native Application Development 原文参见 http www qtsoftwa