页面渲染方法、装置、设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114117276A(43)申请公布日2022.03.01(21)申请号202111419848.4(22)申请日2021.11.26(71)申请人北京沃东天骏信息技术有限公司地址100176北京市大兴区经济技术开发区科创十一街18号院2号楼4层A402室申请人北京京东世纪贸易有限公司(72)发明人甄玉磊(74)专利代理机构北京英赛嘉华知识产权代理有限责任公司11204代理人王达佐马晓亚(51)Int.Cl.G06F16/957(2019.01)G06F11/36(2006.01)权利要求书4页说明书18页附图7页(54)发明名称页面渲染方法、装置、设备及存储介质(57)摘要本申请公开了一种页面渲染方法、装置、设备及存储介质。该方法应用于服务器，该服务器包括ES模块文件和对应的目标路径文件，ES模块文件和对应的目标路径文件基于以下步骤确定：服务器利用预设的镜像源安装第一依赖库，并根据第一依赖库生成ES模块文件和目标路径文件，该方法的一具体实施方式包括：响应于接收到浏览器发送的渲染请求，对渲染请求指示的业务文件代码进行解析，得到渲染路径；响应于目标路径文件中存在渲染路径，从ES模块文件中获取对应的渲染代码；向浏览器发送渲染代码，以使浏览器对渲染代码进行显示。CN114117276ACN114117276A权利要求书1/4页1.一种页面渲染方法，应用于服务器，所述服务器包括ES模块文件和对应的目标路径文件，所述ES模块文件和对应的目标路径文件基于以下步骤确定：所述服务器利用预设的镜像源安装第一依赖库，并根据所述第一依赖库生成所述ES模块文件和所述目标路径文件，所述方法包括：响应于接收到浏览器发送的渲染请求，对所述渲染请求指示的业务文件代码进行解析，得到渲染路径；响应于所述目标路径文件中存在所述渲染路径，从所述ES模块文件中获取对应的渲染代码；向所述浏览器发送所述渲染代码，以使所述浏览器对所述渲染代码进行显示。2.根据权利要求1所述的方法，其中，在响应于接收到浏览器发送的渲染请求之前，所述方法还包括：响应于接收到所述浏览器发送的GET请求，获取所述GET请求指示的业务文件代码，以及与所述业务文件代码对应的超文本标记语言HTML文件；将所述业务文件代码挂载在所述HTML文件中的入口文件路径上，得到处理后的HTML文件，所述业务文件代码中的入口文件代码包括所述入口文件路径；向所述浏览器发送处理后的HTML文件。3.根据权利要求1或2所述的方法，所述方法还包括：响应于所述目标路径文件中不存在所述渲染路径，将所述业务文件代码中的组件文件代码和样式文件代码挂载在所述渲染路径上；向所述浏览器发送挂载在所述渲染路径上的组件文件代码和样式文件代码；响应于接收到所述浏览器发送的第一路径，将组件文件代码和样式文件代码挂载在所述第一路径上；向所述浏览器发送挂载在所述第一路径上的组件文件代码和样式文件代码；响应于接收到所述浏览器发送的解析请求，对挂载在所述第一路径上的组件文件代码进行解析，得到解析后的组件文件代码；以及对挂载在所述第一路径上的样式文件代码进行解析，得到解析后的样式文件代码；将解析后的组件文件代码和解析后的样式文件代码作为渲染代码。4.根据权利要求3所述的方法，其中，所述业务文件代码中的组件文件代码的类型为Vue或React；所述对挂载所述第一路径上的组件文件代码进行解析，得到解析后的组件文件代码，包括：利用Vue或React对所述组件文件代码进行解析，得到解析后的组件文件代码。5.根据权利要求3所述的方法，其中，所述对挂载所述第一路径上的样式文件代码进行解析，得到解析后的样式文件代码，包括：利用node‑sass将所述样式文件代码编译为预设的样式文件代码。6.一种页面渲染方法，应用于浏览器，所述方法包括：向服务器发送渲染请求，其中，所述渲染请求用于指示所述服务器对所述渲染请求指示的业务文件代码进行解析，得到渲染路径，并在目标路径文件中存在所述渲染路径时，从ES模块文件中获取对应的渲染代码，其中，所述ES模块文件和所述目标路径文件基于以下步骤确定：所述服务器利用预设的镜像源安装第一依赖库，并根据所述第一依赖库生成所2CN114117276A权利要求书2/4页述ES模块文件和所述目标路径文件；接收所述服务器发送的渲染代码，并对所述渲染代码进行显示。7.根据权利要求6所述的方法，其中，所述业务文件代码包括以下至少一项：入口文件代码、组件文件代码、样式文件代码。8.根据权利要求6或7所述的方法，所述方法还包括：响应于检测到所述浏览器在运行业务文件代码，向所述服务器发送GET请求，其中，所述GET请求用于指示所述服务器获取业务文件代码，以及与所述业务文件代码对应的超文本标记