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中集成了這個大名鼎鼎的引擎，通過ＱtWebkit，你可以在Ｃ++ 中執行JavaScript，或者在網頁中集成Ｃ++對象，并且通過JavaScript和這些對象進行交互。
　　一個現代的ＨＴＭＬ渲染引擎只是混合開發的一半，另一半就是本地應用和渲染對象的交互。ＱＴ的Webkit 集成提供了這種解決方案：
　　１.使用object標簽嵌入Qt Widgets組件。這可以讓使用Ｃ++代碼的Qt組件包含在網頁中，作為網頁的部分外觀。
　　２.在JavaScript中訪問Ｃ++對象。你可以在JavaScript環境中插入Ｃ++對象，讓網頁腳本直接訪問你的數據結構。
　　３.在Qt中執行JavaScript。你可以在Ｃ++調用網頁環境中的JavaScript函數，觸發網頁事件。
　　４.共享客戶端存儲。在JavaScript和Ｃ++中你都具有訪問數據庫的能力，這樣當下線時也能共享大量數據。


(二）與嵌入的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　組件。

　　要利用這種創建，必須要允許使用插件并且要告訴QWebpage插件的工廠類。在下面的代碼中，ColorLabelFactory將會根據application/x-qt-colorlabel的請求創建相應實例。

　　ColorLabel有一個公開的slot: chagneColor(),這個對于網頁中的JavaScript自動可用。在網頁中插入一個指向該元素的鏈接，可以以一種簡單的方式激活C++函數。

　
　
　　要反方向推進事件，必須要使你的對象在JavaScript文檔上下文中可用。要對QWebPage的每一個QWebFrame，調用addToJavaScriptWindowObject方法。這個方法允許你根據名字把一個對象添加到JavaScipt上下文中。

　　要連接剛添加對象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函數。

假設現在有個數據庫, 代碼如下所示：

     使用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)) );
}