PhoneGapに画像とHTMLファイルをキャッシュする方法

Question

私のサイトのPhoneGapにあるキャッシュイメージとhtmlファイルの方法が必要です。私はそれがあるようにインターネット接続なしでユーザーがサイトを見ることを計画しています。しかし、私はSQLデータの格納に関する情報しか見ませんが、イメージを格納する方法（および後で使用する方法）

Answer 1

簡単なオフライン操作が必要なようなキャッシュは、それほど簡単ではありません。

最初のオプションはcache manifestです。キャッシュのサイズのようないくつかの制限がありますが、あなたが望むことをするように設計されているので、あなたのために働くかもしれません。

また、ファイルシステムAPIを使用してデバイスのディスクにコンテンツを保存することもできます。これにはセキュリティのような欠点があります。通常、Webからロードする場合とは異なるパス/ URLからファイルをロードする必要があります。その例は、hydraプラグインを参照してください。

最終的な選択肢は、localStorage（すべてのプラットフォームでプライベートになるというメリットがある）に物を保存し、必要に応じてそこから引き出すことです...つまり、すべての画像をbase64'ingすることです標準的なキャッシングからかなり離れています。

Answer 2

画像をキャッシュするには、私が作成したこのライブラリをチェックアウトしてください： imgcache.js これは、ローカルファイルシステムを使用してイメージをキャッシュする目的のために設計されています。サンプルをチェックアウトすると、イメージがロードされないとき（オフラインであるか、接続が非常に悪いため）に検出され、自動的にキャッシュされたイメージに置き換えられることがあります。 webappのユーザーは、それがオフラインであることに気付かない。

htmlページについては、HTMLの静的ファイルの場合は、Webアプリケーション（file：// phonegap）にローカルに保存できます。 動的に生成されたページの場合は、データ量が少ない場合はlocalStorage API、それ以外の場合はファイルシステムAPIを確認してください。

私のWebアプリケーションでは、自分のサーバーからjsonデータのみを取得します（そして、Backbone + Underscoreを使用して処理/レンダリングします）。 jsonペイロードはlocalStorageに格納されます。アプリケーションがオフラインになると、サーバー（ローカルで保存されているBackbone.dualStorageのフォーク）ではなくlocalStorageからjsonデータが取得されます。

その後、完全なオフラインエクスペリエンスが得られます。

Answer 3

Android OSでのキャッシュ処理は非常に可能です。上記のようにアップルには画像のサイズやキャッシュサイズなどの制限があります。

iOSでのキャッシュを統合して許可する場合は、「キャッシュマニフェスト」を使用してください。ドローバックと制限を心に留めておいてください。 ファイルをマイアプリのDocumentsフォルダに保存する場合、Appleはあなたのアプリを拒否します。その理由はiOS6の後にドキュメントフォルダの下のすべてのデータをiColしてiCouldにするためです.Appleは画像やJSONファイルのような大きなデータを許可しないので、サーバから同期してこのフォルダに保存できます。

だから、別の回避策がありますので、代わりにLocalFileSystem.TEMPORARYを使用できます。データはライブラリ/キャッシュに保存されませんが、データはiCloudへの自動バックアップではなく、自動削除されていないAppの一時フォルダに保存されます。ます。http：// stackoverflowの

よろしく ラジーブは