2015-01-01 43 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)一起压缩到一个战争文件。

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