Как добиться приложения phonegap в Android с помощью senchatouch 2

У меня есть пример приложения sencha touch2. Он отлично работает в моем локальном браузере (http://localhost/sencha/examples/navigationview/index.html).

Теперь мне нужно интегрировать это приложение sencha в Android с помощью phonegap 1.5.0.

Я скачал библиотеки phonegap с телефонная щель

phonegap-phonegap-1.5.0-0-gde1960d.zip с веб-сайта phonegap. в этом у меня есть файл cordova-1.5.0.js и cordova-1.5.0.jar вместо phonegap.
Я просмотрел сайт phonegap и узнал, что Cordova-1.5.0 и phonegap одинаковы.

Я следил за этим Руководством по началу работы
, поскольку они не указали, как интегрировать sencha touch2 Файловая архитектура MVC. Базовый пример в руководстве по началу работы у меня отлично работает.

Моя проблема в том, что я не смог интегрировать свою файловую архитектуру sencha2 MVC. Я гуглил это, но не добился успеха. Я делаю что-то неправильно здесь? Можете ли вы предложить мне правильный способ сделать это.
Заранее спасибо.

это мой файл index.html

<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Ajax</title>
     <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script>
    <script id="microloader" type="text/javascript" src="development.js"></script>   
</head>
<body>
</body>
</html>

В файле app.js я получаю сообщение об ошибке:

   //<debug>
    Ext.Loader.setPath({ // line no. 2
        'Ext': 'src'
    });
    //</debug>

person atluriajith    schedule 06.04.2012    source источник
comment
Не могли бы вы объяснить, что вы имеете в виду под моей интеграцией моей файловой архитектуры sencha2 MVC? Вы должны поместить любой веб-код, который у вас есть, в папку assets/www вашего проекта Android. Вы упомянули, что базовый пример в руководстве по началу работы работает, так с какими ошибками вы сталкиваетесь при попытке запустить свой проект?   -  person Jay    schedule 07.04.2012
comment
да, jayraj. Спасибо за ответ. На самом деле, если сравнить файловую структуру senchatouch1.1(screencast.com/t/ chDMwE7d13K) и senchatouch2.0(screencast.com/t/y9ykJLxi) совершенно разные . в senchatouch1.1 в самом index.html существует общий код javascript (вы можете напрямую добавить этот index.html с поддерживаемыми файлами в andoid/assets/www/, он будет работать нормально).senchatouch2.0 структура папок отличается в этом вы можно найти в модели, просмотре, контроллере и хранить папки в папке приложения. Я не мог понять, как добавить эти файлы в папки android-phonegap assets/www.   -  person atluriajith    schedule 09.04.2012


Ответы (4)


Ext.Loader — это то, что позволяет вашим JS-файлам находиться в разных папках внутри папки app. Sencha Touch может динамически загружать ваши файлы из соответствующего каталога, если вы настроили Ext.Loader, как описано в руководство

Затем просто поместите index.html папку app и все остальное в www для Phonegap. Он работает точно так же, как веб-страница. Чтобы быть полностью явным:

www
 |
 |-index.html
 |-app/
 |-css/
 |-whatever else
person Jay    schedule 09.04.2012
comment
Джейрадж спасибо за ответ. Это сработало для меня. теперь я получаю эту ошибку. 04-09 17:15:42.722: E/Web Console(1675): ReferenceError: Не удается найти переменную: Ext в файле:///android_asset/www/app.js:2 знаю, почему возникает эта ошибка. - person atluriajith; 09.04.2012
comment
Вы не включили файл Sencha Touch JS (обычно с именем sencha-touch-debug-all.js или как-то так) в index.html. Пожалуйста, точно следуйте инструкциям. И если у вас есть новые проблемы или вопросы, пожалуйста, создавайте новые вопросы, а не добавляйте их к этому. - person Jay; 09.04.2012

Для производственной сборки вам нужно использовать инструмент командной строки, который дает вам один файл js, включающий все компоненты MVC и дополнительные функции, такие как API или библиотеки, которые вам нужны, ПЛЮС все необходимые материалы EXT и sencha и не более того.

Достичь этого этапа — настоящее достижение, и тогда у вас должен быть готов файл index.html для превращения в APK.

person landed    schedule 27.04.2012

Я бы посоветовал вам использовать MDS Applaud Phone Gap http://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android

для разработки приложений sencha 2 с разрывом телефона. Это даст вам возможность работать с phonegap + sencha, вы можете затем добавить путь к вашему sencha js и файлу css в index.html и вручную добавить папку приложения. индекс будет выглядеть

  <!DOCTYPE HTML>
   <html>
   <head>
   <meta name="viewport" content="width=320; user-scalable=no" />
   <meta http-equiv="Content-type" content="text/html; charset=utf-8">
   <title>PhoneGap Demo with Sencha Touch</title>
   <link rel="stylesheet" href="sencha/resources/css/sencha-touch.css" type="text/css">
   <script type="text/javascript" src="sencha/sencha-touch-all.js"></script>
  <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
  <script type="text/javascript" charset="utf-8" src="main.js"></script>
  <script type="text/javascript" charset="utf-8" src="phonegapdemo-w-sencha.js">        </script>
  </head>

person Ice Box    schedule 06.06.2012

Взгляните на phonegap-build. См. мои ответы здесь, на форуме о phonegap. Ваше приложение sencha сразу же запускается на iphone, android, blackberry и других устройствах!!

Вам даже не нужно использовать вызовы API phonegap!

Вам нужно только сделать копию app.html в index.html.

Если вы ДЕЙСТВИТЕЛЬНО хотите использовать API phoneGap, просто используйте его. Никаких дополнительных файлов не требуется или что-то еще. В index.html вы должны добавить строку

<script...  phonegap="cordova-1.0.7" /> 

или любая версия тогда действительна.

(Эта информация актуальна на 11 июня 2012 года -- я полагаю, что когда бета-период закончится, это будет стоить)

person pashute    schedule 11.06.2012