一种后台数据展示方法及装置，应用于第一服务器，该方法包括：接收第二服务器的后台数据，后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器；将后台数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面将后台数据按照类型和/或结构体进行展示。通过本发明专利技术实施例提供的方法及装置，解决了现有研发过程中后台数据获取及查找不便的问题，可以实现后台数据可视展示，便于研发人员在网页或应用程序开发过程对于后台数据的查看，提升开发效率。提升开发效率。提升开发效率。
【技术实现步骤摘要】
后台数据展示方法及装置
[0001]本专利技术涉及互联网
，具体而言，涉及一种后台数据展示方法、装置、计算机可读存储介质及电子设备。
技术介绍
[0002]随着计算机技术的日益发展以及网页应用程序等的广泛应用，现有为提供更贴合用户需求的页面，需要对网页进行性能优化，并将进行性能优化后的页面进行渲染后，由浏览器展示给用户。服务端渲染(SSR)就是浏览器向服务器发出请求页面，服务端将准备好的模板和数据组装成完整的HTML返回给浏览器展示。由于SSR具有更利于搜索引擎优化(SEO)和更利于首屏渲染的优势，具有较为广泛的应用。
[0003]在Node SSR项目中，为实现SEO通常采用服务端渲染模版引擎的方式进行首屏页面渲染，在实际开发中，对于服务端渲染模版引擎的数据开发人员无法清晰、直观和准确的认知每个数据的结构体和类型，往往需要人为进行终端打印，要在大量的终端日志中查找要展示的数据，极为不便。
技术实现思路
[0004]鉴于此，本专利技术提出了一种后台数据展示方法及装置，以实现服务端模版引擎的后台数据可视展示，解决现有技术中后台数据获取及查找不便的问题。
[0005]第一方面，本专利技术实施例提供了一种后台数据展示方法，应用于第一服务器，所述方法包括：接收第二服务器的后台数据，所述后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器；将所述后台数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
[0006]进一步地，所述socket连接采用如下方式建立：根据HTML5规范中的Websocket子规范的描述，通过Javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
[0007]进一步地，所述将所述后台数据通过socket连接发送至第一客户端页面，以供第一客户端页面将所述后台数据按照类型和/或结构体进行展示，包括：在第一客户端订阅所述后台数据的情况下，将所述后台数据通过socket连接实时发送至第一客户端，以供第一客户端将所述后台数据按照类型和/或结构体进行展示。
[0008]进一步地，所述将所采集的后台数据推送至所述第一服务器，包括：将所采集的后台数据以Ajax的形式推送至所述第一服务器。
[0009]进一步地，所述将所述后台数据通过socket连接发送至第一客户端页面之前，还包括：对所述后台数据进行格式化处理。
[0010]进一步地，所述方法还包括：响应于搜索请求，生成搜索界面以供所述第一客户端
页面接收搜索信息；根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。
[0011]进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
[0012]进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
[0013]第二方面，本专利技术实施例还提供了一种后台数据展示方法，应用于第二服务器，所述方法包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据；将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
[0014]进一步地，所述将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以Ajax的形式推送至第一服务器。
[0015]进一步地，所述socket连接采用如下方式建立：根据HTML5规范中的Websocket子规范的描述，通过Javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
[0016]进一步地，所述将所采集的后台数据通过socket连接发送至第一客户端页面之前，还包括：对所采集的后台数据进行格式化处理。
[0017]进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
[0018]进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
[0019]第三方面，本专利技术实施例还提供了一种后台数据展示装置，应用于第一服务器，所述装置包括：数据接收单元，用于接收第二服务器的后台数据，所述后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器；第一数据发送单元，用于将所述后台数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
[0020]进一步地，所述socket连接采用如下方式建立：根据HTML5规范中的Websocket子规范的描述，通过Javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。
[0021]进一步地，所述第一数据发送单元，还用于：在第一客户端订阅所述后台数据的情况下，将所述后台数据通过socket连接实时发送至第一客户端，以供第一客户端将所述后台数据按照类型和/或结构体进行展示。
[0022]进一步地，所述将所采集的后台数据推送至所述第一服务器，包括：将所采集的后台数据以Ajax的形式推送至所述第一服务器。
[0023]进一步地，所述将所述后台数据通过socket连接发送至第一客户端页面之前，还包括：对所述后台数据进行格式化处理。
[0024]进一步地，所述装置还包括信息搜索单元，用于：响应于搜索请求，生成搜索界面以供所述第一客户端页面接收搜索信息；根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。
[0025]进一步地，所述后台数据为服务端渲染模版引擎的后台数据。
[0026]进一步地，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。
[0027]第四方面，本专利技术实施例还提供了一种后台数据展示装置，应用于第二服务器，所述装置包括：数据采集单元，用于在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据；第二数据发送单元，用于将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将所述后台数据按照类型和/或结构体进行展示。
[0028]进一步地，所述将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以Ajax的形式推送至第一服务器。
[0029]进一步地，所述socket连接采用如下方式建立：根据HTML5规范中的Websocket子规范的描述，通过Javascript建立第一客户端页面与第本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种后台数据展示方法，其特征在于，应用于第一服务器，所述方法包括：接收第二服务器的后台数据，所述后台数据的获取方式包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据，并将所采集的后台数据推送至所述第一服务器；将所述后台数据通过socket连接发送至第一客户端页面，以供所述第一客户端页面将所述后台数据按照类型和/或结构体进行展示。2.根据权利要求1所述的方法，其特征在于，所述socket连接采用如下方式建立：根据HTML5规范中的Websocket子规范的描述，通过Javascript建立第一客户端页面与第一服务器之间的socket长连接，用于实现所述第一客户端页面与所述第一服务器之间的通信。3.根据权利要求1所述的方法，其特征在于，所述将所述后台数据通过socket连接发送至第一客户端页面，以供第一客户端页面将所述后台数据按照类型和/或结构体进行展示，包括：在第一客户端订阅所述后台数据的情况下，将所述后台数据通过socket连接实时发送至第一客户端，以供第一客户端将所述后台数据按照类型和/或结构体进行展示。4.根据权利要求3所述的方法，其特征在于，所述将所采集的后台数据推送至所述第一服务器，包括：将所采集的后台数据以Ajax的形式推送至所述第一服务器。5.根据权利要求1所述的方法，其特征在于，所述将所述后台数据通过socket连接发送至第一客户端页面之前，还包括：对所述后台数据进行格式化处理。6.根据权利要求1所述的方法，其特征在于，所述方法还包括：响应于搜索请求，生成搜索界面以供所述第一客户端页面接收搜索信息；根据所接收到的搜索信息与展示数据进行匹配，获得搜索结果以供第一客户端页面突出显示。7.根据权利要求1
‑
6任一所述的方法，其特征在于，所述后台数据为服务端渲染模版引擎的后台数据。8.根据权利要求7所述的方法，其特征在于，所述后台数据的类型包括：字符串、数字、布尔、数组和对象。9.一种后台数据展示方法，其特征在于，应用于第二服务器，所述方法包括：在第二服务端模版渲染的入口处，利用所接入的数据可视化采集服务采集与用户设定的目标数据所对应的后台数据；将所采集的后台数据推送至第一服务器，以供第一服务器将所采集的后台数据通过socket连接发送至第一客户端页面将所述后台数据按照类型和/或结构体进行展示。10.根据权利要求9所述的方法，其特征在于，所述将所采集的后台数据推送至第一服务器，包括：将所采集的后台数据以Ajax的形式推送至第一服务器。11.根据...
【专利技术属性】
技术研发人员：刘清阳，
申请(专利权)人：北京金堤科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。