2015-01-01 268 views
0

我有一個開發的gwt應用程序,並在生產中使用。gwt - 飛鏢 - 聚合物集成

我想繼續開發飛鏢,因爲開發/調試 對我來說似乎比用gwt更好。

我已經寫了一些模塊在純粹的飛鏢,我能夠將編譯後的js集成到gwt應用中。 gwt < - > dart通過json之間的通信也可以正常工作。

現在我想集成一些飛鏢/聚合物元素,但沒有取得任何成功。 是否有人這樣做?可能嗎?任何提示?

這是我的gwt主機頁面。我如何獲得聚合物進口/初始化/開始?

<!doctype html> 
<html> 
    <script type="text/javascript" src="app/app.nocache.js"></script> 

    </head> 

    <!--           --> 
    <!-- The body can have arbitrary html, or  --> 
    <!-- you can leave the body empty if you want --> 
    <!-- to create a completely dynamic UI.  --> 
    <!--           --> 
    <body> 
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe> 

    <!-- RECOMMENDED if your web app will not function without JavaScript enabled --> 
    <noscript> 
     <div id="cwm" style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> 
    Your web browser must have JavaScript enabled 
    in order for this application to display correctly. 
     </div> 
    </noscript> 

    <!-- DART integration--> 
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script> 
    <script src="dart_application/web/dart_plain.dart" type="application/dart"></script> 
    <script src="dart_application/web/packages/browser/dart.js" type="text/javascript"></script> 



    </body> 
</html> 
+0

你有什麼問題?任何錯誤?告訴我們你的代碼。 – Robert

+0

已經找到解決方案。代替將聚合物包含在gwt中,我使用由聚合物變壓器生成的html文件作爲入口點,並在此頁面中包含gwt javascript int。 – user2884260

+0

然後請發佈您的解決方案並接受您自己的答案。 – Robert

回答

0

我原來的設置爲張貼是將dart主文件包含到gwt項目的入口點html文件中。

script src="dart_application/web/dart_plain.dart" type="application/dart"></script> 

在此設置我複製從酒館outpout建設成爲GWT Web應用程序樹(dart_applikation)

的子目錄,這個工作的罰款普通鏢。

什麼,我現在要做的是:

1)使鏢/聚合物應用程序的入口點的html文件的GWT應用 入口點文件。 (這是通過將dart2js/pub構建輸出複製到gwt樹的腳本來完成的)

2)在文件的最開始部分,在dart聚合物項目的主html文件中包含gwt js文件。 3)也包括主dart html文件中gwt需要的所有其他js文件。

下面是步驟頂部產生包括我的GWT和飛鏢聚合物應用一個app.war文件:

一)打造的酒吧飛鏢聚合物項目

B)編譯GWT項目

c)將「build/web」目錄複製到gwt項目的webapps目錄的根目錄下。

d)一起壓縮到一個戰爭文件。

有點哈克,但它似乎工作。