针对引用 images/fonts/files/etc 的 Web 应用程序的建议

Advice for a web application which references images/fonts/files/etc

我在工作中一直致力于一个交互式静态 Web 应用程序项目,并且我已经完成了我想要的一切,还有一些最后的小障碍。我用 HTML、CSS 和 JS 编写了所有内容,没有框架。一切都在客户端顺利运行,我什至把它放在 Github 页面上,在那里也运行良好。问题是这样的:目前,我有一些数据硬编码到 JS 文件中的字符串中,我宁愿 JS 引用某种 excel sheet(.csv、.xlxs 或 Google sheet) 或包含数据的文本文件。

我知道当用户不直接 select 文件(通过 input)时这违反了安全策略,所以我正在考虑使用 Google 站点(如果我没有记错,可以引用一个嵌入GoogleSheet?)。然而,我相当确定这并没有给我使用我想要的一切的自由(即图像、自定义字体,以及 css 和 js)。

所有代码都在 this repo 中,但我认为显示代码对我提出的问题没有帮助。

我想真正的问题是,我们希望该程序在未来可以继续使用,并且我以外的人(不一定知道代码如何工作)可以更新数据。最重要的是,我们不希望对数据进行硬编码,我们需要一个包含目录中所有内容的解决方案。

旁注,我想尽量远离服务器和数据库,但如果那可能是我唯一的解决方案,那么我想我别无选择。

只有当您的 Web 应用程序 运行 通过 file:// 协议时,安全策略才是一个问题 - 只要您有任何类型的最小 Web 服务器(应用程序是静态的使这更容易)运行 它,或在 GitHub 页面上托管应用程序,您将能够通过 Ajax.

从相对路径中提取数据文件

在这里使用 CSV 可能是最直接的选择 - 几乎每个 sheet 相关的应用程序都可以 import/export 格式,并且在 JS 端解析它的开销很小。