使用index.html脱机运行Angular 7 Web应用程序

时间:2019-07-08 15:03:30

标签: angular web-applications angular7 offline

为什么我需要帮助, 我想为我的一位客户制作一个应用程序演示。 此Web应用程序将在index.html上打开,并离线运行。

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

也许正在运行某些内容:

ng build myproject --offline 

我的目标是使用index.html脱机打开项目

我在线上搜索过,但是什么也没有。我可以使用index.html脱机运行角度应用程序吗? 你能告诉我怎么做。 谢谢。

2 个答案:

答案 0 :(得分:0)

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

您可以在其website上找到更多信息。

请记住,只有在通过HTTPS进行服务时,服务工作者才能工作,并且要使其与Angular一起使用,您必须使用--prod标志来构建应用。

答案 1 :(得分:0)

我不确定这是否行得通-将构建源移至CDN网址并引用路径

this_example_method作为构建版本

此构建会将所有js的src url附加到指定的URL-构建完成后,请检查ng build --prod --deploy-url=https://yoururl.com/

现在终于将所有构建移至指定的路径-当您使用index.html引用路径时,您的应用程序将运行

希望这会有所帮助-编码愉快:)