前端页面构建方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110532491A(43)申请公布日2019.12.03(21)申请号201910766023.6(22)申请日2019.08.19(71)申请人无线生活（杭州）信息科技有限公司地址310000浙江省杭州市西湖区文三路478号华星时代广场1505(72)发明人孔嘉聪杨力(74)专利代理机构北京尚伦律师事务所11477代理人张亮(51)Int.Cl.G06F16/958(2019.01)权利要求书2页说明书7页附图3页(54)发明名称前端页面构建方法及装置(57)摘要本发明是关于前端页面构建方法及装置。该方法包括：在满足前端构建条件时，启动用于前端构建的守护进程；利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容；将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面。通过本发明的技术方案，有利于提高开发效率，避免每次启动node应用均进行前端渲染也影响用户的正常体验，页面打开性能也大幅上升。CN110532491ACN110532491A权利要求书1/2页1.一种前端页面构建方法，其特征在于，包括：在满足前端构建条件时，启动用于前端构建的守护进程；利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容；将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：通过所述守护进程监测所述前端页面的视图文件是否发生变化；当发生变化时，确定满足前端构建条件；所述利用所述守护进程对前端页面的视图文件进行构建，包括：使用所述守护进程和变化后的视图文件进行前端页面构建，获得所述前端页面的渲染内容；或者在首次启动所述前端页面所在的应用时，确定满足前端构建条件。3.根据权利要求1或2所述的方法，其特征在于，所述方法还包括：扫描预先存储的所述前端页面的路由文件，获得与所述路由文件对应的视图文件；生成与所述视图文件对应的入口文件；获取所述前端页面的数据内容。4.根据权利要求3所述的方法，其特征在于，所述方法还包括：确定用于管理所述前端页面的当前主进程；为所述当前主进程创建子进程，使其成为运行在后台的守护进程；所述利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容，包括：在所述守护进程中启动前端构建工具；将所述入口文件传递给所述前端构建工具进行前端构建，获得所述前端页面的渲染内容；将所述渲染内容返回给主进程；所述将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面，包括：通过所述主进程将所述前端页面的渲染内容添加至所述前端页面的数据内容中，获得所述前端页面的总数据；通过所述主进程将所述前端页面的总数据发送至所述用户端的浏览器中进行渲染。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：在所述前端页面的数据内容对应的代码被修改时，重启所述主进程；通过所述主进程尝试所述守护进程建立连接，若成功建立连接，则获取所述守护进程获得的渲染内容。6.一种前端页面构建装置，其特征在于，包括：启动模块，用于在满足前端构建条件时，启动用于前端构建的守护进程；构建模块，用于利用所述守护进程对前端页面的视图文件进行构建，获得前端页面的渲染内容；2CN110532491A权利要求书2/2页发送模块，用于将所述前端页面的渲染内容和所述前端页面的数据内容返回至用户端，以重建所述前端页面。7.根据权利要求6所述的装置，其特征在于，所述装置还包括：监测模块，用于通过所述守护进程监测所述前端页面的视图文件是否发生变化；第一确定模块，用于当发生变化时，确定满足前端构建条件；所述构建模块包括：构建子模块，用于使用所述守护进程和变化后的视图文件进行前端页面构建，获得所述前端页面的渲染内容；或者第二确定模块，用于在首次启动所述前端页面所在的应用时，确定满足前端构建条件。8.根据权利要求6或7所述的装置，其特征在于，所述装置还包括：扫描模块，用于扫描预先存储的所述前端页面的路由文件，获得与所述路由文件对应的视图文件；生成模块，用于生成与所述视图文件对应的入口文件；第一获取模块，用于获取所述前端页面的数据内容。9.根据权利要求8所述的装置，其特征在于，所述装置还包括：第三确定模块，用于确定用于管理所述前端页面的当前主进程；创建模块，用于为所述当前主进程创建子进程，使其成为运行在后台的守护进程；所述构建模块包括：启动子模块，用于在所述守护进程中启动前端构建工具；传递子模块，用于将所述入口文件传递给所述前端构建工具进行前端构建，获得所述前端页面的渲染内容；返回子模块，用于将所述渲染内容返回给主进程；所述发送模块包括：添加子模块，用于