2012-04-06 8 views
3

私はsencha touch2アプリケーションのサンプルを用意しました。私のlocalhostブラウザ(http://localhost/sencha/examples/navigationview/index.html)で正常に動作しています。Senchatouch 2を使用してAndroidでphonegapアプリケーションを実現する方法

今、私はphonegap 1.5.0を使ってこのsenchaアプリケーションをアンドロイドに統合する必要があります。

私は、PhoneGapのウェブサイトからphonegap

phonegap-phonegap-1.5.0-0-gde1960d.zipからPhoneGapのライブラリをダウンロードしました。 私はphonegapの代わりにcordova-1.5.0.jsとcordova-1.5.0.jarファイルを持っています。
私はphonegapのサイトがcordova-1.5.0とphonegapが同じであることを知りました。

私は、彼らが煎茶のtouch2 MVCファイルのアーキテクチャを統合する方法を与えていないという点で、このGet Started Guide
を追ってきました。スタートガイドの基本的な例は私のためにうまくいきます。

私の問題は、私のsencha2 MVCファイルアーキテクチャを統合することができませんでした。私はこれをgoogledしたが、成功することはありません。私はここで何か悪いことをしていますか?私にこれを行う正しい方法を提案できますか?
ありがとうございました。

この私がエラーを取得していますapp.jsファイルで私の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> 

さ:

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

は、あなたが私の「私のsencha2 MVCファイルのアーキテクチャを統合する」の意味を説明してくださいもらえますか?あなたはあなたのAndroidプロジェクトの 'assets/www'フォルダにあなたが持っているWebコードを置くことになっています。あなたは、スタートガイドの基本的な例が機能していると言いました。プロジェクトを実行しようとするとどんなエラーが発生しますか? – Jay

+0

はいjayraj。返信いただきありがとうございます。実際にsenchatouch1.1(http://screencast.com/t/chDMwE7d13K)とsenchatouch2.0(http://screencast.com/t/y9ykJLxi)のファイル構造を比較すると、完全に異なっている。 index.html自体のsenchatouch1.1で、javascriptの総コードが存在します(このindex.htmlを、アンドロイド/ assets/www /でサポートされたファイルとともに直接追加できます).senchatouch2.0このフォルダ構造はあなたとは異なりますモデル、ビュー、コントローラで見つけて、アプリケーションフォルダにフォルダを保存することができます。私はandroid-phonegap assets/wwwフォルダにこれらのファイルを追加する方法を理解できませんでした。 – atluriajith

答えて

3

Ext.LoaderがあなたのJSファイルが内部の異なるフォルダに生きることを可能にするものですappフォルダー。それからちょうどPhoneGapのためwwwindex.htmlappフォルダおよび他のすべてを置くtutorial

で説明したように、あなたがExt.Loaderを設定している場合は煎茶タッチは、動的に適切なディレクトリからファイルを読み込むことができます。それはウェブページとまったく同じです。完全に明示的であるために:あなたはあなたのAPIのか、あなたが必要とするのlibs PLUSに必要なすべてのEXTなど、すべてのMVCコンポーネントとエキストラを含む単一のjsファイルを与え、コマンドラインツールを使用する必要があり、生産ビルドの

www 
| 
|-index.html 
|-app/ 
|-css/ 
|-whatever else 
+0

あなたの答えに感謝します。それは私のために働いた。今私はこのエラーが発生しています。 04-09 17:15:42.722:E/Web Console(1675):ReferenceError:変数を見つけることができません:ext:file:///android_asset/www/app.js:2 このエラーが発生する理由はわかります。 – atluriajith

+0

index.htmlとapp.jsファイルで私の質問を編集しました – atluriajith

+0

あなたはindex.htmlのどこにでもSencha Touch JSファイル(通常は 'sencha-touch-debug-all.js'など)を含めていません。チュートリアルに正確に従ってください。新しい問題や問題がある場合は、この質問に追加するのではなく新しい質問を作成してください。 – Jay

0

senchaのものやそれ以上のものはありません。

この段階に入るのはかなり成果です。次に、index.htmlファイルをAPKに準備しておく必要があります。

0

は、私はあなたが電話ギャップと煎茶2アプリケーションを開発するためのMDSの拍手電話ギャップhttp://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android

を使用することをお勧めします。 それはあなたにphonegap + sencha を使って作業する方法を提供します。その後、index.htmlにur sencha jsとcssファイルへのパスを追加し、手動でappフォルダを追加する必要があります。 インデックスは、PhoneGapのビルドを見てみましょう

<!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> 

0

ようになります。 phonegapに関するフォーラムの私の答えを見てください。 iphone、アンドロイド、ブラックベリー、その他すべてのアプリで直ちに実行することができます!

あなたはphonegap APIコールを使用する必要はありません。

app.htmlをindex.htmlにコピーするだけで済みます。

phoneGap APIを使用する場合は、それを使用します。ファイルを追加する必要はありません。あなたが行

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

または任意のバージョン、その後有効であるを追加する必要がindex.htmlには 。

(この情報は2012年6月11日のように真である - ベータ期間が、それは費用がかかります上にあるときに、私が思う)

関連する問題