クラウド編集ヘルプ document_html/css_WEB-ITnose

1. 準備

1.1 アプリケーションを作成します

JavaScript、Css、HTML を使用して SPA (シングル ページ アプリケーション) を作成できます。 ページの入り口は、index.html です。 Sencha Touch、jQtouch、JQuery Mobile などのモバイル フレームワークを使用することもできます。

1.2 config.xml ファイルを構成します

1.2.1 パッケージ名を構成します

アプリケーションの唯一のタグであるウィジェット タグの id 属性を通じて構成できます。

1.2.2 設定バージョン

ウィジェットタグの version 属性を通じて設定できます。

1.2.3 プログラム名を設定します

次のような名前タグを使用して設定します:

<name>Demo</name>

1.2.4 プログラムアイコンを設定します

アイコンタグを使用して設定します、例えば:

<icon src="icon.png"/>

Pうーんicon icon とindex.html ファイルは同じディレクトリに置くことができ、サイズは 114*114 ピクセルにすることができます。

1.3 携帯電話機能の呼び出し

このコンパイル環境ではオープンソース プロジェクト PhoneGap を使用しているため、携帯電話 API を呼び出すには、以下を参照してください:

PhoneGap 中国語ドキュメント
PhoneGap 英語ドキュメント

たとえば、携帯電話のカメラ機能を使用するには、JavaScript で追加する必要があります。 次のコード:

navigator.camera.getPicture(onSuccess, onFail);function onSuccess(imageData) {   //在页面中显示拍照的图片，也可以上传到服务器   var image = document.getElementById('myImage');   image.src = "data:image/jpeg;base64," + imageData;}function onFail(message) {   alert('Failed because: ' + message);}

2. コンパイルを開始します

このコンパイル環境は、JavaScript、Css、および HTML に基づいて作成されたクロスプラットフォーム アプリケーションを実現できます。および IOS プラットフォーム。

2.1 アプリケーションをアップロードします

アプリケーションには次のコンテンツを含めることができます:

index.html (必須)
config.xml (必須)
icon.png: アプリケーションアイコン (必須)
その他 リソース ファイル: JavaScrpit、Css ファイル、写真、マルチメディア ファイルなど

最後に、アプリケーションを zip 形式のファイルに圧縮してアップロードします。

2.2 コンパイル

コンパイルするプラットフォームを選択してコンパイルします。このプロセスには数分かかります。

3. ダウンロードしてインストールします

コンパイル後、ダウンロードしてインストールできます。