Qt Features for Hybrid Web/Native Application Development。
原文參見 http://www.qtsoftware.com/forms/whitepapers/reg-whitepaper-hybrid.（限于本人英文水平，只譯其大概）
Qt提供了本地 C++對(duì)象與JavaScript的無縫集成，是進(jìn)行本地與web混合應(yīng)用開發(fā)的理想平臺(tái)。
(一）Qt Webkit 集成
利用Qt的Webkit 集成與QtNetwork模塊，你完全可以進(jìn)行本地桌面與web混合應(yīng)用開發(fā)，你可以自由地混合JavaScript，樣式表，Web內(nèi)容和Qt組件。Webkit是一個(gè)非常成熟的web瀏覽引擎。Qt中集成了這個(gè)大名鼎鼎的引擎，通過ＱtWebkit，你可以在Ｃ++ 中執(zhí)行JavaScript，或者在網(wǎng)頁中集成Ｃ++對(duì)象，并且通過JavaScript和這些對(duì)象進(jìn)行交互。
一個(gè)現(xiàn)代的ＨＴＭＬ渲染引擎只是混合開發(fā)的一半，另一半就是本地應(yīng)用和渲染對(duì)象的交互。ＱＴ的Webkit 集成提供了這種解決方案：
?。?使用object標(biāo)簽嵌入Qt Widgets組件。這可以讓使用Ｃ++代碼的Qt組件包含在網(wǎng)頁中，作為網(wǎng)頁的部分外觀。
２.在JavaScript中訪問Ｃ++對(duì)象。你可以在JavaScript環(huán)境中插入Ｃ++對(duì)象，讓網(wǎng)頁腳本直接訪問你的數(shù)據(jù)結(jié)構(gòu)。
?。?在Qt中執(zhí)行JavaScript。你可以在Ｃ++調(diào)用網(wǎng)頁環(huán)境中的JavaScript函數(shù)，觸發(fā)網(wǎng)頁事件。
?。?共享客戶端存儲(chǔ)。在JavaScript和Ｃ++中你都具有訪問數(shù)據(jù)庫的能力，這樣當(dāng)下線時(shí)也能共享大量數(shù)據(jù)。
(二）與嵌入的Qt對(duì)象交互
使用 QWebView 組件，有兩種方法可以在網(wǎng)頁中嵌入C++對(duì)象。你可以在網(wǎng)頁的JavaScript中添加C++對(duì)象，或者也可以創(chuàng)建一個(gè)插件，然后在網(wǎng)頁中使用object標(biāo)簽嵌入。
第二種方法更容易入手。當(dāng)在網(wǎng)頁中放入 Widget組件時(shí)，它的所有public slots就像普通函數(shù)一樣被網(wǎng)頁中的JavaScript函數(shù)訪問。
要在網(wǎng)頁中添加一個(gè)Widget，首先要告訴你的QWebPage對(duì)象,該Widget可用,這個(gè)通過子類化QWebPlugFactory完成,你需要重新實(shí)現(xiàn)兩個(gè)方法：plugs和create。plugs方法通知網(wǎng)頁該Widget可用，create方法根據(jù)請(qǐng)求創(chuàng)建widget。
在HTML網(wǎng)頁中，widgets使用object標(biāo)簽創(chuàng)建。比如，下面這個(gè)標(biāo)簽試圖創(chuàng)建一個(gè) application/x-qt-colorlabel 組件。
<object type="application/x-qt-colorlabel" width="50px" height="20px" id="label" />
要利用這種創(chuàng)建，必須要允許使用插件并且要告訴QWebpage插件的工廠類。在下面的代碼中，ColorLabelFactory將會(huì)根據(jù)application/x-qt-colorlabel的請(qǐng)求創(chuàng)建相應(yīng)實(shí)例。
QWebSettings::globalSettings()->setAttribute(QWebSettings::PluginsEnabled, true);
webView->page()->setPluginFactory(new ColorLabelFactory(this));
ColorLabel有一個(gè)公開的slot: chagneColor(),這個(gè)對(duì)于網(wǎng)頁中的JavaScript自動(dòng)可用。在網(wǎng)頁中插入一個(gè)指向該元素的鏈接，可以以一種簡(jiǎn)單的方式激活C++函數(shù)。
<a href='javascript:document.getElementById("label").changeColor();'>Change color!</a>
要反方向推進(jìn)事件，必須要使你的對(duì)象在JavaScript文檔上下文中可用。要對(duì)QWebPage的每一個(gè)QWebFrame，調(diào)用addToJavaScriptWindowObject方法。這個(gè)方法允許你根據(jù)名字把一個(gè)對(duì)象添加到JavaScipt上下文中。
webView->page()->mainFrame()->addToJavaScriptWindowObject( "eventSource", new eventSource( this ) );
要連接剛添加對(duì)象eventSource的信號(hào)，要加上一段JavaScript代碼，使用evaluateJavaScript方法完成。下面的代碼將把eventSource對(duì)象的signalName信號(hào)連接到一個(gè)JavaScript函數(shù)destFunction。
webView->page()->mainFrame()->evaluateJavaScript( "eventSource.signalName.connect(destFunction);" );
如果你把一個(gè)對(duì)象添加到一個(gè)以標(biāo)準(zhǔn)瀏覽器查看的JavaScript頁面中，有一個(gè)信號(hào)需要知道。每一次JavaScript內(nèi)容被清除，F(xiàn)rame都會(huì)釋放 javaScriptWindowObjectCleared 信號(hào)。為了使你的Qt對(duì)象一直可用，你需要連接這個(gè)信號(hào)，并且在這里調(diào)用 addToJavaScriptWindowObject函數(shù)。
（二）使用客戶端存儲(chǔ)共享數(shù)據(jù)
隨著HTML5，WEB標(biāo)準(zhǔn)日益靠近于桌面，同樣，桌面也開始集成WEB。這方面一個(gè)最大的變化就是客戶端存儲(chǔ)。這在客戶機(jī)上給了每一方（比如每一個(gè)頁面）一個(gè)能利用SQL的數(shù)據(jù)庫引擎，可以緩存本地?cái)?shù)據(jù)，減少流量，使頁面能脫機(jī)使用。還可以用來存儲(chǔ)大量的結(jié)構(gòu)化的，可搜索的數(shù)據(jù)。
客戶端存儲(chǔ)可以在JavaScript中使用，從JavaScript代碼中搜索數(shù)據(jù)庫，然后從搜索結(jié)果中生成頁面。這要使用 openDatabase和transaction函數(shù)。
假設(shè)現(xiàn)在有個(gè)數(shù)據(jù)庫, 代碼如下所示：
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模塊訪問同一個(gè)數(shù)據(jù)庫。這在混合開發(fā)中是一個(gè)非常有用的特征。比如，你的應(yīng)用中的web頁面在和本地部分共享數(shù)據(jù)時(shí)，可以用同樣的機(jī)制來保存數(shù)據(jù)。
為了避免安全問題，客戶端的數(shù)據(jù)庫只能由具有正確權(quán)限的一方在JavaScript中訪問。本地的C++代碼也可以通過靜態(tài)的QWebSecurityOrigin::allOrigins 方法，或者通過QWebFrame::securityOrigin 來訪問所有安全對(duì)象。
通過databases方法，可以訪問一個(gè)QWebDatabaew方法列表，每一個(gè)web數(shù)據(jù)庫對(duì)象有一個(gè)filename屬性，可以用來在本地代碼中訪問數(shù)據(jù)庫。
QWebDatabase webdb = mySecurityOrigin.databases()[index];
QSqlDatabase sqldb = QSqlDatabase::addDatabase("QSQLITE", "webconnection");
sqldb.setDatabaseName(webdb.fileName());
if (sqldb.open()) {
QStringList tables = sqldb.tables();
}
在WEB和本地應(yīng)用連接事件的能力，再加上共享數(shù)據(jù)的機(jī)制，更易于模糊WEB和桌面之間的界限。
（三）WEB轉(zhuǎn)換
很多通過WEB得到的數(shù)據(jù)并不適合直接顯示。比如網(wǎng)絡(luò)新聞, 地理數(shù)據(jù)，以及其它特定數(shù)據(jù)格式的應(yīng)用。QT的網(wǎng)絡(luò)模塊可以以一種很簡(jiǎn)單的方式下載這樣的數(shù)據(jù)，然后解析數(shù)據(jù)，把它轉(zhuǎn)換成能被自己的代碼處理的合適的格式。也可以通過QtXmlPatterns模塊處理，當(dāng)輸出格式是XML或者想在XHMTL網(wǎng)頁中顯示時(shí)，這樣更加方便。
我們通過一個(gè)小例子來大致了解一下這個(gè)有意思的部分。我們下載一個(gè)新聞源，用XSLT把它從XML轉(zhuǎn)換成XHTML，然后通過QWebPage把它顯示出來。（圖略）
QNetworkAccessManager 類讓你很容易處理客戶端和WEB服務(wù)器之間的交互。它幫你處理諸如代理，保存設(shè)置，COOKIE以及SSL會(huì)話這些細(xì)節(jié)?？傊?，它不但讓你在象上傳下載這些常見情況更加容易，還可以幫你處理登錄，認(rèn)證這些復(fù)雜會(huì)話。
為了下載我們例子中的新聞源，我們所有要做的就是創(chuàng)建一個(gè)QNetworkAccessManager 然后調(diào)用它的get方法。結(jié)果通過 finished(QNetworkReply*) 信號(hào)返回。
{
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)) );
}
未完。。。。