複数のページでウェブアプリケーションを作成するにはどうすればよいですか？

Question

PhoneGapを使用してマルチプラットフォームのオフラインWebアプリケーションを作成しようとしています。私は自分のhtmlとcssを知っていますが、私はJavaScriptの完全な機能に完全に慣れていませんし、これまでにwebappを作ったことはありません。

現在、私はphonegapがあなたのために設定するメインのindex.htmlを持っていますが、今はどのように進むべきかについては不明です。ボタンを使用してメインページの別のページに移動したい場合は、2番目のhtmlファイルを作成して文字通りそれらをリンクするか、これよりもはるかに複雑ですか？

また（合計初心者からおそらくepically愚かな質問の準備）：

実行（Do）Webアプリケーションは、オンラインである必要がありますか？私は彼らがサーバ上でホストされる必要のある通常のウェブサイトのように機能するのか、通常のネイティブアプリのようにパッケージ化されてダウンロードできるのかについては、本当に明確ではない。助けてください！

ありがとうございました。

ああ、btw、私はphonegap addonのことでXcodeで作業しています....私はアンドロイドに移動する前に、私はそれをiPhone上で実行しようとしています。

Answer 1

私はその時点で私を助けてくれましたが、5年後の私の最初のStackOverflow質問に、もっと完全な回答を追加すると思いました。

「ウェブアプリ」は技術的には「ウェブサイト」と同じですが、ブラウザでアクセスするにはサーバー上でホストする必要がありますすべてのウェブサイト唯一の違いは、WebアプリケーションはJavaScriptとAJAXを含む、よりダイナミックで複雑な種類のWebサイトであることです。 this oneのようなシンプルなウェブサイトを「ウェブアプリ」と呼ぶのは間違いですが、Facebookは間違いなくウェブアプリです。基本的にすべてのWebアプリケーションはWebサイトですが、すべてのWebサイトがかなり正確なWebアプリケーションではありません。

ただし、ブラウザからアクセスできるようにするには、httpを使用する必要があります。私が当時と同じようにCordovaアプリを作っているのなら、それは関係ない。アプリケーションをローカルでのみ実行したい場合は、PythonのSimpleHTTPServerやwebpackが提供するローカルサーバ、あるいは自分で作成したサーバを含め、他の方法で行うことができます。

複数のページを持つことについての主な質問は、<a href="www.google.com">my link</a>などのyesアンカー要素がページを接続する標準的な方法です。自分のページ間をリンクするには、複数の.htmlファイルがあり、そのファイルがリンク先ページのファイルと同じディレクトリにあるhref="myOtherPage.html"のようなhrefを持つリンクを作成します。あるいは、アンカー要素を使用せずにJavaScriptが新しいページコンテンツを読み込むシングルページアプリケーションを設定することもできます。その場合、複数の.htmlファイルは必要ありません。 AngularやReactのようなフレームワークはそれを達成するのに役立ちますが、決して必要はありません。

Answer 2

一般的なWebアプリケーションでは、ほとんどの場合、Webサイトにリンクを作成する場合と同じように、リンクを作成するだけで済みます。また、Webアプリケーションは、アプリケーションが必要とする依存関係に応じて、ローカル環境（調査用のMamp/Wamp）を介して開発することができます。