如何配置Seedstack應用程序以脫機模式工作？

Question

當沒有網絡可用時，我們希望在離線模式下提供幾個屏幕。

我們想使用HTML5緩存功能，並且能夠緩存少量HTML和JS文件，但是我們可以緩存主配置文件嗎？

這是正確的方法嗎？ 您能為種子框架建議正確的方法嗎？

Answer 1

在繼續之前，請注意，HTML5應用程序緩存似乎是當前不推薦使用的功能。 就是說， 您可以將HTML5應用程序緩存與SeedStack一起使用，盡管加載該應用程序涉及的文件數量很多，這有點不切實際，因為此過程目前尚未實現自動化。

要使用SeedStack Web應用程序實現脫機模式，您必須：

自定義母版頁模板。 默認模板不包含manifest屬性，因此您必須將其替換為自己的屬性。 您可以從類路徑中查找masterpage.html或masterpage-fallback.html文件，以用作起點。 添加以下配置屬性以指向您自己的母版模板：
```
 org.seedstack.w20.masterpage-template = path/to/my-masterpage.html 
```
在您的母版頁模板的<html>標記上添加manifest屬性 ，指向HTML5 appcache清單：
```
 <html manifest="my-app.appcache" ...> 
```
向您的應用程序Web資源添加詳盡的清單 ，例如src/main/webapp下或META-INF/resources 。

我的測試表明，對於剛剛生成的Web應用程序（使用業務主題），您需要在清單中添加63個URL才能使其正常運行。

為了簡化清單維護，您可以選擇通過刪除<html>標記上的data-w20-app-version屬性來禁用緩存清除機制。 這將刪除所有URL中的版本后綴。

在IE / Edge中，您必須小心一些限制或限制：