买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

摘要：本申请公开了一种用于运行Web工程的页面预览方法及设备，方法包括：服务端确定webapp的第一SPA前端框架；在第一SPA前端框架中确定webapp的应用功能需求信息，将应用功能需求信息动态生成编译的前端代码，将前端代码发送至客户端，以使客户端在运行前端代码时，通过动态解析前端代码生成webapp的第二SPA前端框架，基于第二SPA前端框架，自动解析待预览的前端页面。通过在第一SPA前端框架中确定webapp的应用功能需求信息，将应用功能需求信息动态生成编译的前端代码，能够基于需求打包编译前端代码，实现节流的效果，以及通过在运行前端代码时，通过动态解析前端代码生成webapp的第二SPA前端框架，能够自动解析待预览的前端页面，实现前端页面的实时预览。

主权项：1.一种用于运行Web工程的页面预览方法，其特征在于，所述方法包括：服务端确定webapp的第一单页应用程序SPA前端框架；在第一SPA前端框架中确定所述webapp的应用功能需求信息，将所述应用功能需求信息动态生成编译的前端代码；将所述前端代码发送至客户端，以使客户端在运行所述前端代码时，通过动态解析所述前端代码生成所述webapp的第二SPA前端框架，基于所述第二SPA前端框架，自动解析待预览的前端页面；预先构建在客户端浏览器环境下能够运行的实现在服务端编译类似功能的库；所述将所述应用功能需求信息动态生成编译的前端代码，具体包括：在代码编译工具webpack中，确定动态代码逻辑与动态代码规则；根据所述应用功能需求信息生成延迟列表lazyRoutes中的列表数据；通过所述webpack读入所述列表数据，根据所述动态代码逻辑与动态代码规则动态解析所述列表数据；对解析后的列表数据进行编译，生成所述编译的前端代码；所述基于所述第二SPA前端框架，自动解析待预览的前端页面之后，所述方法还包括：服务端确定所述前端代码的变更内容；生成所述变更内容的哈希值；根据所述变更内容与所述哈希值，确定变更通知信息；向所述客户端推送所述变更通知信息；其中，客户端向所述服务端发送请求，获取所述前端代码的变更内容对应的manifest文件；从所述manifest文件中获取到所述变更内容；通过动态解析所述变更内容，更新所述第二SPA前端框架。

全文数据：

权利要求：

百度查询： 浪潮通用软件有限公司 一种用于运行Web工程的页面预览方法及设备