コアポイント

• App Frameworkは、JQueryに觸発されたリッチHTML5/JavaScriptモバイルアプリケーションの作成を可能にするJavaScriptライブラリですが、JQuery Mobileよりもはるかに低いメモリフットプリントを持っています。
AndroidプラットフォームとiOSプラットフォームでは、アプリフレームワークはjQueryよりも高速で、モバイルHTML5フレームワークの強(qiáng)力なソリューションになります。
• このチュートリアルでは、ApacheやPHPサーバーのセットアップから動(dòng)的GUIの作成まで、アプリフレームワークを使用してHTML5モバイルアプリケーションを作成する方法について、ステップバイステップの手順について説明します。
• アプリフレームワークは、豊富なライブラリとハイパフォーマンスを備えたモバイルデバイス用のほとんどのjQuery機(jī)能を提供し、包括的なモバイルHTML5フレームワークになります。
• HTML5モバイルアプリケーションはプラットフォームに依存しており、ネイティブアプリケーションよりも更新およびメンテナンスが容易ですが、すべてのデバイス機(jī)能への同じレベルのパフォーマンスやアクセスを提供しない場合があります。

アプリフレームワークとは何ですか？

アプリフレームワークは、モバイルHTML5アプリケーション開発のためのJavaScriptライブラリです。シンプルでリッチで完全なHTML5/JavaScriptモバイルアプリケーションを構(gòu)築できます。この短いチュートリアルは、基本的な概念と主な概念を紹介するアプリフレームワークの紹介です。アプリフレームワークライブラリは、JQueryに觸発されています。アプリフレームワークは、AndroidやiOSなどのモバイルデバイス向けの強(qiáng)力なインターフェイスを設(shè)計(jì)できます。アプリフレームワークは、クエリとイベント管理ライブラリ、グラフィカルインターフェイスライブラリ、WebKitライブラリプラグインの3つの部分で構(gòu)成されています。ライブラリには、JQuery Mobileよりも多くの機(jī)能があります。アプリフレームワークのもう1つの利點(diǎn)は、3kbのメモリのみが必要であり、JQueryには35kbが必要であることです。 Androidでは、スクリプトはJQueryよりも3倍高速で、iOSで2.2倍高速です。

競爭力のあるフレームワーク

アプリフレームワークには、いくつかの競爭力のあるフレームワークがあります。これらのフレームワークには、アプリフレームワークとほぼ同じ機(jī)能があります。最も有名なフレームワークのいくつかについて言及できます：JQuery Mobile、Sencha Touch、JQTouch。アプリフレームワークの最大の利點(diǎn)は、その軽量と実行速度です。アプリフレームワークは、モバイルHTML 5フレームワークで最も強(qiáng)力なソリューションです。

前提條件プロキシを作成します このチュートリアルの特定の要件については、AJAXを介してドメインクロスリクエストを行う必要があります。これらのリクエストを処理するには、ApacheとPHPサーバーをセットアップする必要があります。 JavaScriptはクロスドメイン要求を直接管理していないため、PHPを介して小さなプロキシを設(shè)定します。次のコードをコピーして、htmlページと同じ場所にあるserver.phpファイルに貼り付けます。 「PHP_CURL」モジュールは、php.iniで有効にする必要があります。

アプリフレームワーク

アプリフレームワークはjQueryのモバイルバージョンであるため、両方のフレームワークが同じ構(gòu)文を使用します。このチュートリアルでは、jQueryの知識(shí)を知ることが最善です。アプリフレームワークは、このアドレスからダウンロードできます。次のフォルダーとファイルをサイトディレクトリにコピーして貼り付けます。

注：テストするには、WebKitとHTML5と互換性のあるブラウザが必要です。

<?php
$url = $_GET["url"];
$ch = curl_init(); // 檢查php.ini中是否啟用了php_curl擴(kuò)展
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$xml = curl_exec($ch);
echo $xml;
curl_close($ch);
?>

チュートリアル

この例では、アプリフレームワークを使用してモバイルアプリケーションを構(gòu)築する方法を示します。要するに、私たちの例は、小さなRSSフィードリーダーの概念に基づいています。これは、アプリフレームワークの基本のアイデアを提供するためだけです。まず、JQUIを使用してGUIを構(gòu)築し、アプリフレームワークを使用していくつかの機(jī)能を?qū)g裝します。

ページを作成します

1つを開始し、ページを作成してアプリフレームワークを構(gòu)成します。これは、アプリフレームワークアプリケーションのフレームワークです。

サーバーのルートディレクトリに「index.html」という名前のページを作成し、上記のコードを追加します。このコードは、アプリフレームワークを使用するために必要なスクリプトをインポートするページの基礎(chǔ)です。アプリケーションは、ページ、そのコンテンツ、メニューの2つのコンポーネントに分類されます。アプリフレームワークを使用して、ページを作成するために、HTMLファイルの「コンテンツ」DIV內(nèi)で複數(shù)のDIVを作成します。

<?php
$url = $_GET["url"];
$ch = curl_init(); // 檢查php.ini中是否啟用了php_curl擴(kuò)展
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$xml = curl_exec($ch);
echo $xml;
curl_close($ch);
?>

メインページ「RSS」を作成することから始めます。ユーザーがRSSリンクを入力できるようにする入力と、RSSストリームにタイトルのリストを含むパネルが含まれます。 「AFUI」Divでは、「コンテンツ」divを追加します。この特定のdivにアプリケーションのさまざまなページを作成します。最初のページには「RSS」というタイトルが付けられています。

（次のコンテンツは元のテキストに似ていますが、文は元の意味を維持して調(diào)整および書き直されています。スペースの制限により、殘りの擬似オリジナルコンテンツは省略されています。）

（長さの制限のために書き換えられたコンテンツの殘りの部分は省略されます。構(gòu)造と情報(bào)は同じままですが、言い換えのために文言が変更されます。）

以上がアプリフレームワークを備えたモバイルHTML5アプリケーションの作成の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。