angular - 使用 index.html 离线运行 Angular 7 Web 应用程序

标签 angular web-applications angular7 offline

嘿伙计们,我需要帮助,
我想为我的一位客户制作一个应用演示。
这个 web 应用程序,将打开 index.html,并离线运行。

在 Web 应用程序中,只有静态和离线数据。
这是一个展示布局产品的演示。
我已经完成了应用程序,我相信我找到了一种离线运行模式,但我没有:(

也许运行一些东西:

ng build myproject --offline 

我的目标是使用 index.html 离线打开项目

我在网上搜索过,但一无所获。我可以使用 index.html 离线运行 angular 应用程序吗?
你能告诉我怎么做吗。
谢谢。

最佳答案

使用 Angular 实现这一目标的最佳方法是使用他们的 PWA 包。为此,您可以运行命令 ng add @angular/pwa如果你有最新的 Angular CLI。这个包利用了 Service Workers 技术,并允许您预先选择要离线提供的文件和特定 API 端点的结果。您将拥有一个配置 JSON 文件来参数化上述所有功能。

您可以在他们的 website 上找到更多信息。 .

请记住,Service Workers 仅在通过 HTTPS 提供服务时工作,并且要使其与 Angular 一起工作,您必须使用 --prod 构建您的应用程序。旗帜。

关于angular - 使用 index.html 离线运行 Angular 7 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56937738/

相关文章:

带有primeng 7 或Angular 2+ 的angular-fontawesome 5 图标

angular 7 + angular cli 7+ ng 测试不工作

Angular 2 错误 : Attempt to use a destroyed view: detectChanges Error: Attempt to use a destroyed view: detectChanges at ViewDestroyedError

angular - typescript 中的运行时类型安全

java - 将大型应用程序从 JavaEE 迁移到 Akka

java - 初学者使用 Java 语言创建 Google map Web 应用程序的步骤是什么(新手)

javascript - 我应该选择哪个 Google map 选项?

javascript - 在 Angular 中滚动到(单击)特定的 div

angular - Angular 编译器中的错误需要 TypeScript >=3.1.1 和 <3.2.0,但找到了 3.2.1

Angular 路线 : URL like/my/:parameter/path