如何使用 HTML 5 使 XPages 应用程序脱机工作答案

【问题标题】：How to make XPages application work Offline with HTML 5如何使用 HTML 5 使 XPages 应用程序脱机工作
【发布时间】：2013-11-08 13:55:07
【问题描述】：

我正在尝试使 xPages 桌面应用程序脱机工作，挑战是如何使所有需要的资源脱机可用。

我创建了以下清单文件并在 pageManifest 中指定了相同的文件。

CACHE MANIFEST
#version: 0.0.15.7
jquery-1.10.2.min.js
angular.min.js
/DbPath/Angular.nsf/trashicon.gif
/DbPath/Angular.nsf/editicon.gif
/xsp/.ibmxspres/.mini/css/@Da&amp;@Ib&amp;2Tfxsp.css&amp;2TfxspLTR.css&amp;2TfxspSF.css.css
/xsp/.ibmxspres/dojoroot-1.6.1/dojo/dojo.js
/xsp/.ibmxspres/.mini/dojo/.en-us/@Iq.js
/DbPath/Angular.nsf/xsp/.ibmmodres/.css/bootstrap.min.css&amp;custom.css
/DbPath/Angular.nsf/xsp/.ibmmodres/.js/jquery-1.10.2.min.js&amp;bootstrap.min.js&amp;angular.min.js&amp;angularMisc.js

NETWORK:
/xsp/.ibmxspres/
/domjs/dojo-1.4.1/
/domjava/xsp/

我不确定它是否正确，它会缓存以下图像/库

/DBPath/Angular.nsf/trashicon.gif

/DBPath/Angular.nsf/editicon.gif 

/xsp/.ibmxspres/dojoroot-1.6.1/dojo/dojo.js

/xsp/.ibmxspres/.mini/dojo/.en-us/@Iq.js

还有主页...

但它不缓存

/DBPath/Angular.nsf/xsp/.ibmmodres/.js/jquery-1.10.2.min.js&bootstrap.min.js&angular.min.js&angularMisc.js

这很重要，也许我做错了。另外我们如何缓存 oneui 主题。我正在使用 Angular JS/JQuery，它在未缓存时工作正常，但不适用于清单

如果他们是任何简单的例子，请分享链接。

【问题讨论】：

只是在本地复制应用程序？还是您没有使用 Notes 客户端？
我想在没有 Lotus Notes 客户端的情况下尝试一下

标签： html angularjs xpages manifest offline

【解决方案1】：

您想让应用的哪一部分离线可用？如果您使用的是全部或部分更新、服务器端 JavaScript 和其他基于服务器的东西，它就无法离线工作。

【讨论】：

是的..所以我正在使用 Angular JS 并尝试在本地存储数据 HTML5 [localstorage] 并在离线时从他们那里访问它。

【解决方案2】：

虽然这是指移动应用程序，但它确实有一个示例向您展示如何在 XPages 中使用 HTML5 离线模式。

http://mobilecontrols.openntf.org

Offline.nsf 包含有关如何使用 XPage 进行离线操作的基本 HTML5 示例。 MobileControlsOffline.nsf 展示了如何使基于 Dojo 的移动应用脱机。

【讨论】：

【解决方案3】：

definition of a manifest 和带有 valid URLS 部分的 URL 文档读起来很有趣。

据我所知，&amp; 不是有效的 URL 字符，如果它不是以 ? 开头的参数字符串的一部分。

因此，您可以尝试一系列操作：

关闭 js/css 组合。由于无论如何文件都会在本地缓存，因此您不会从中受益
尝试（它可能有效）将清单中的&amp; 替换为&amp;

告诉我们进展如何。

【讨论】：

【解决方案4】：

我使用 Firefox 和 Chrome 进行了一些测试（使用 Domino Designer），似乎所有内容都可以缓存在这些浏览器中。我的建议：

代替

/DBPath/Angular.nsf/xsp/.ibmmodres/.js/jquery-1.10.2.min.js&bootstrap.min.js&angular.min.js&angularMisc.js

尝试不带/

的相对路径

xsp/.ibmmodres/.js/jquery-1.10.2.min.js&bootstrap.min.js&angular.min.js&angularMisc.js

我每次都使用相对路径。这是我测试中使用的缓存清单文件（所有文件都缓存成功）：

CACHE MANIFEST
# 2013-01-07 v1.0.0
xsp/.ibmmodres/.js/js%2Fvendor%2Fmodernizr-2.6.2-respond-1.1.0.min.js&js%2Fvendor%2Fjquery-1.10.2.min.js&js%2Fvendor%2Fbootstrap.min.js&js%2Fvendor%2Fhandlebars.runtime-v1.1.2.js&js%2Fplugins.js&js%2Fmain.js
xsp/.ibmmodres/.css/css%2Fbootstrap.min.css&css%2Fbootstrap-theme.min.css&css%2Fmain.css
xsp/.ibmmodres/.js/jquery-1.10.2.min.map
/xsp/.ibmxspres/.mini/css/@Da&@Ib&2Tfxsp.css&2TfxspLTR.css&2TfxspSF.css.css
/xsp/.ibmxspres/dojoroot-1.6.1/dojo/dojo.js
/xsp/.ibmxspres/.mini/dojo/.es-es/@Iq.js
/xsp/.ibmxspres/.mini/dojo/.es/@Iq.js
NETWORK:
*

【讨论】：