[发明专利]一种页面渲染方法及装置

说明书

一种页面渲染方法及装置。该方法包括：浏览器基于用户在第一应用的页面上对第二应用的链接的触发操作，确定第二应用的路由地址，并发送至Web应用框架，其中第二应用是第一应用的子应用，第一应用是第二应用的主应用。框架接收第一路由地址，其中第一路由地址是第二应用的路由地址；通过沙箱拦截第一路由地址和第二路由地址，并根据第一路由地址和第二路由地址生成第三路由地址，第二路由地址是第一应用的页面对应的路由地址；然后根据第三路由地址，获取第二应用的页面资源，渲染第二应用的页面。实现在框架层防止主应用与子应用的路由冲突，进而防止子应用的页面无法渲染或渲染后页面数据不准确，保证子应用的页面渲染的准确性。

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面渲染方法及装置。

背景技术

基于微前端构建的页面集成系统，包括多个独立的Web应用，每个Web应用可以由一张SPA(single page web application，单页面应用)页面进行渲染。SPA页面由主应用和子应用集成的，其中主应用是构成SPA页面时首先加载的业务单元，子应用是在主应用中加载的业务单元，具有独立的路由地址，包含完整的业务实现且可以独立渲染，一个子应用可以被多个不同的主应用集成。

当页面集成系统的一个子应用被访问时，若该子应用无法知晓被哪个主应用集成，存在子应用和主应用的路由冲突情况，导致子应用的页面资源无法获取，进而无法渲染子应用的页面。因此，如何解决子应用和主应用的路由冲突，以及避免因路由冲突导致无法准确渲染页面，是目前亟待解决的技术问题。

发明内容

本申请实施例提供一种页面渲染方法及装置，用于避免子应用和主应用的路由冲突，保证子应用的页面渲染的准确性。

第一方面，本申请实施例提出了一种页面渲染方法，所述方法应用于Web应用框架。所述方法包括：Web应用框架接收第一路由地址，所述第一路由地址是浏览器响应于用户操作发送的，所述用户操作用于触发第一应用的页面上第二应用，所述第二应用是所述第一应用的子应用，所述第一路由地址是所述第二应用的路由地址；根据所述第一路由地址和第二路由地址生成第三路由地址，所述第二路由地址是所述第一应用的页面对应的路由地址；根据所述第三路由地址，获取所述第二应用的页面资源；根据所述第二应用的页面资源，渲染所述第二应用的页面。

基于上述方案，Web应用框架包括资源加载单元和沙箱单元；第一应用和第二应用，可以是Web应用，即第一应用为第一Web应用，第二应用为第二Web应用。浏览器在渲染第一Web应用的页面后，用户可以在第一Web应用的页面上触发第二Web应用的链接，浏览器通过第二Web应用的链接确定第二Web应用的路由地址，并将第二Web应用的路由地址发送至Web应用框架。其中，第二Web应用对应的路由地址不包括第一Web应用对应的路由地址。

Web应用框架在接收第一Web应用对应的路由地址之后，通过沙箱单元拦截第二Web应用的路由，然后根据第一Web应用对应的路由地址和第二Web应用对应的路由地址生成第三路由地址，进而根据第三路由地址获取第二Web应用的页面资源，而非根据第二Web应用对应的路由地址获取第二Web应用的页面资源，相当于确定子应用所集成的主应用，以此避免在子应用的路由变化影响到主应用的路由，实现在框架层防止主应用与子应用的路由冲突，进而防止子应用的页面无法渲染或渲染后页面数据不准确，保证子应用的页面渲染的准确性。

在一些实施例中，所述第三路由地址包括所述第一路由地址的域名和前缀，所述前缀为所述第二路由地址。

基于上述方案，Web应用框架通过在第一Web应用对应的路由地址后添加第二Web应用对应的路由地址的域名生成第三路由地址，实现第三路由地址既能表示出第二Web应用所集成的主应用为第一Web应用，又能实现根据第三路由地址路由至第二Web应用，防止主应用与子应用的路由冲突的同时，不影响对第二Web应用的页面资源获取及渲染。