ホームページ > 記事 > ウェブフロントエンド > uniappでキャッシュ時間を設定する方法
現代のインターネット時代では、アプリケーション キャッシュは至る所で使用されています。ユーザーエクスペリエンスを向上させ、サーバーの負荷を軽減するには、キャッシュテクノロジーが必要です。クロスプラットフォーム フレームワークとして、UniApp は複数のモバイル プラットフォームと互換性があり、アプリケーション キャッシュを当然サポートします。 UniApp では、キャッシュ時間の関連構成の設定が必須の知識となっています。この記事ではUniAppのキャッシュ時間の設定方法を詳しく紹介します。
ブラウザ キャッシュ テクノロジでは、キャッシュ時間は通常、ローカル キャッシュとプロキシ サーバーのキャッシュを指します。ローカル キャッシュでは、サーバーから応答されたリソースがブラウザーに保存され、次回同じページにアクセスしたときにこれらのリソースがキャッシュから直接取得されるため、ネットワーク リクエストとサーバーの負荷が回避されます。プロキシ サーバー キャッシュは、クライアントが発行したリクエストのコピーをプロキシ サーバーにキャッシュし、次回同じリクエストに対してプロキシ サーバーが直接応答するため、サーバーへの負荷も軽減されます。 UniApp では、アプリケーション キャッシュも同様に機能します。アプリケーションが開始されると、キャッシュ リソースはローカル キャッシュまたはサーバー キャッシュから読み取られます。一方では、アプリケーションがほぼリアルタイムで更新されることが保証され、他方ではサーバーの負担を軽減します。
UniApp でキャッシュ時間を設定するには、2 つの手順が必要です。
(1) マニフェストに追加します。 .json ファイル キャッシュ関連の設定。
"networkTimeout": { "request": 30000, "downloadFile": 60000, "connectSocket": 60000, "uploadFile": 60000 }, "applets": { "network": { "cache": { "networkTimeout": 300000, "maxAge": 86400000 } } },
このうち、networkTimeout 構成項目では、HTTP リクエストのタイムアウトをミリ秒単位で指定します。アプレットとネットワーク キャッシュ構成アイテムは UniApp によって提供され、アプリケーションのネットワーク リクエストの戻り値をキャッシュするために使用されます。
(2) vue ファイルにページレベルのキャッシュ時間を設定します。
Vue コンポーネントにはライフサイクル関数 created() と Mounted() があります。ブラック テクノロジでは、onPullDownRefresh() または onReachBottom() も使用できます。 created() を例として、簡単なコード例を次に示します。
created () { uni.setStorageSync('mymodule', _this.module)//设置缓存,缓存名为mymodule,值为_module },
このようにして、ページが開かれると、指定された時間内にページが期限切れにならないようにキャッシュが読み取られます。 。
UniApp キャッシュ時間設定は、すべてのアプリケーション シナリオに適用されるわけではありません。通常、メニューや個人情報など、キャッシュされた後に大きなデータの変更が発生しない、データの更新が頻繁ではないアプリケーションに適しています。このようなシナリオの場合にのみ、キャッシュ時間が優れたエクスペリエンスをもたらし、サーバーの負荷が軽減されます。
UniApp キャッシュ時間の紹介を通じて、UniApp キャッシュ時間についての理解が深まったと思います。 UniApp のキャッシュ時間設定では、アプリケーション シナリオ、ネットワーク環境、キャッシュ戦略などのさまざまな要素を考慮する必要があります。明確な要件がある場合にのみ、不要な問題を回避するために設定できます。最後に、この記事で説明する構成方法を使用してキャッシュ時間を設定すると、ユーザー エクスペリエンスが効果的に向上し、サーバーの負荷が軽減されます。
以上がuniappでキャッシュ時間を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。