Question

我想知道如何将Sencha Touch项目整合到Cordova项目中。

我知道使用当前的Sencha Cmd，我们可以从Sencha代码生成Cordova项目，但代码是压缩的，并且不能灵活地进行更改。（例如，官方Facebook sdk在此版本之后不再起作用，我将不得不使用Cordova-facebook-plugin）。

所以我创建了一个新的Cordova项目，作为一个开始，我创建了一个新的helloWorld sencha触摸应用程序。我删除了Cordova项目的www/文件夹中的原始内容，并将此Sencha Touch项目的所有内容放在其下，但加载不成功。

我发现this post并且意识到需要一些额外的配置，但是这篇文章似乎已经过时了。

任何帮助将不胜感激！

Answer 1

单独创建一个sencha touch项目和cordova项目。

在您的cordova项目中添加所需的平台。这将为您提供所需的平台特定cordova.js文件。

现在获取cordova.js文件并将其粘贴到sencha项目的app文件夹下。

打开app.json文件并将映射添加到文件中，如下所示

'Js' : [

{

    'Path' : 'touch / sencha-touch.js' ,

    'X-bootstrap' : true

}

{

   'Path' : 'cordova.js' ,

    'X-bootstrap' : true

}

{

    'Path' : 'app.js' ,

    'Bundle' : true ,

    'Update' : 'delta'

}

]

现在，您可以在Chrome开发者工具中查看项目中包含的cordova.js。

现在只有在加载cordova后加载您的应用程序，方法是在app.js文件中包含以下功能

launch: function () {

/ / Destroy the # appLoadingIndicator element

Ext.fly ( 'appLoadingIndicator' ). destroy ();


/ / Wait for cord to be ready

document.addEventListener ( 'deviceready' , function () {


     Ext.Viewport.add (Ext.create ( 'MyApp.view.Main' ));


}, false );

}

您无法再在浏览器中运行该项目beacuse cordova包含。使用手机将您的项目视为应用

以下是帮助我完成项目的详细教程的链接

http://senchadevelopers.blogspot.in/2013/09/integrating-phonegap-with-sencha-touch.html

Answer 2

尝试以下方法。

与phonegap详细信息here
添加以下内容

<target name="-before-init">
 <property name="build.options.production.debug" value="debug:true"/>
</target>

然后运行sencha app build native。这可能会在phonegap文件夹中为您提供未压缩的版本。

如何将Sencha Touch应用程序集成到Cordova XCode项目中？

2 个答案: