CN113490015A - 一种实现页面交互的方法、装置、设备及介质 - Google Patents

一种实现页面交互的方法、装置、设备及介质 Download PDF

Info

Publication number
CN113490015A
CN113490015A CN202110743003.4A CN202110743003A CN113490015A CN 113490015 A CN113490015 A CN 113490015A CN 202110743003 A CN202110743003 A CN 202110743003A CN 113490015 A CN113490015 A CN 113490015A
Authority
CN
China
Prior art keywords
page
client
page content
content
interaction
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110743003.4A
Other languages
English (en)
Inventor
贺利祥
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Merchants Finance Technology Co Ltd
Original Assignee
China Merchants Finance Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by China Merchants Finance Technology Co Ltd filed Critical China Merchants Finance Technology Co Ltd
Priority to CN202110743003.4A priority Critical patent/CN113490015A/zh
Publication of CN113490015A publication Critical patent/CN113490015A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L63/00—Network architectures or network communication protocols for network security
    • H04L63/04—Network architectures or network communication protocols for network security for providing a confidential data exchange among entities communicating through data packet networks
    • H04L63/0428—Network architectures or network communication protocols for network security for providing a confidential data exchange among entities communicating through data packet networks wherein the data content is protected, e.g. by encrypting or encapsulating the payload
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
    • H04N21/2343—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs involving reformatting operations of video signals for distribution or compliance with end-user requests or end-user device requirements
    • H04N21/234363—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs involving reformatting operations of video signals for distribution or compliance with end-user requests or end-user device requirements by altering the spatial resolution, e.g. for clients with a lower screen resolution
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
    • H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
    • H04N21/2343—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs involving reformatting operations of video signals for distribution or compliance with end-user requests or end-user device requirements
    • H04N21/234363—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs involving reformatting operations of video signals for distribution or compliance with end-user requests or end-user device requirements by altering the spatial resolution, e.g. for clients with a lower screen resolution
    • H04N21/234372—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs involving reformatting operations of video signals for distribution or compliance with end-user requests or end-user device requirements by altering the spatial resolution, e.g. for clients with a lower screen resolution for performing aspect ratio conversion
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
    • H04N21/25—Management operations performed by the server for facilitating the content distribution or administrating data related to end-users or client devices, e.g. end-user or client device authentication, learning user preferences for recommending movies
    • H04N21/258—Client or end-user data management, e.g. managing client capabilities, user preferences or demographics, processing of multiple end-users preferences to derive collaborative data
    • H04N21/25808—Management of client data
    • H04N21/25825—Management of client data involving client display capabilities, e.g. screen resolution of a mobile phone

Landscapes

  • Engineering & Computer Science (AREA)
  • Signal Processing (AREA)
  • Multimedia (AREA)
  • Computer Security & Cryptography (AREA)
  • Databases & Information Systems (AREA)
  • Computer Hardware Design (AREA)
  • Computing Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Computer Graphics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请适用于网络安全技术领域，提供了一种实现页面交互的方法、装置、计算机设备及计算机可读介质，其中，一种实现页面交互的方法，响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端，当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容，将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。本申请实施例中的实现页面交互的方法，在保证客户端能够正常和服务器进行交互的同时，提高了客户端在和服务器交互过程中信息传输的安全性。

Description

一种实现页面交互的方法、装置、设备及介质
技术领域
本发明属于网络安全技术领域，特别涉及一种实现页面交互的方法、装置、设备及介质。
背景技术
现有技术中，客户端通过网络向服务器获取服务时，大都是通过Web浏览器来向服务器请求服务，在请求到页面文件后再通过客户端的浏览器进行渲染，将渲染后的页面通过浏览器展示在用户终端的界面中。而客户端在通过网络访问服务器进行接口请求的过程中，容易被跨站脚本攻击破解接口或者盗用接口，并通过获取cookie等方式模拟登录网站，对Web服务器造成重大的安全威胁。另外，网络中遍布的爬虫也会轻易获取到用户的敏感信息。因此，如何提高客户端在和服务器交互过程中信息传输的安全性是目前亟待解决的问题。
发明内容
本发明实施例提供了一种实现页面交互的方法、装置及计算机设备，以解决现有技术在客户端和服务器交互过程中信息传输安全性低的问题。
本申请实施例一方面提供一种实现页面交互的方法，包括：
响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
本申请实施例第二方面提供了一种实现页面交互的装置，包括：
页面内容获取模块，用于响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
交互信息响应模块，用于当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
页面内容更新模块，用于将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
本申请实施例第三方面提供了一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现第一方案提供的实现页面交互的方法。
本申请实施例第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现第一方案提供的实现页面交互的方法。
实施本申请实施例提供的实现页面交互的方法、装置、计算机设备及计算机可读存储介质具有以下有益效果：
本发明实施例响应于来自客户端的页面请求，将页面请求对应的页面内容以第一视频流的方式通过加密通道发送给客户端，当接收到客户端通过加密通道发送的交互信息时，根据交互信息更新页面内容，得到新的页面内容，将新的页面内容以第二视频流的方式通过加密通道发送给客户端，在信息传输的过程中传输的是视频流而非结构化的数据，从而保证了客户端即能够正常和服务器进行交互，又降低了接口信息被窃取和敏感数据被抓取的风险，提高了客户端在和服务器交互过程中信息传输的安全性。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本申请一实施例中实现页面交互的方法的一应用环境示意图；
图2是本申请实施例中实现页面交互的方法的流程图；
图3是本申请一实施例中实现页面交互的方法的步骤S1的子流程图；
图4是本申请一实施例中实现页面交互的方法的步骤S2的子流程图；
图5是本申请一实施例中实现页面交互的方法的步骤S22的子流程图；
图6是本申请一实施例中实现页面交互的装置的结构图；
图7是本申请一实施例中计算机设备的一示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
现有技术中，客户端通过网络向服务器获取服务时，大都是通过Web浏览器来向服务器请求服务，在请求到页面文件后再通过客户端的浏览器进行渲染，将渲染后的页面通过浏览器展示在用户终端的界面中。而客户端在通过网络访问服务器进行接口请求的过程中，容易被跨站脚本攻击破解接口或者盗用接口，并通过获取cookie等方式模拟登录网站，对Web服务器造成重大的安全威胁。另外，网络中遍布的爬虫也会轻易获取到用户的敏感信息。因此，如何提高客户端在和服务器交互过程中信息传输的安全性是目前亟待解决的问题。本申请实施例中的方案正是围绕如何提高客户端在和服务器交互过程中信息传输的安全性这一技术问题展开的。
请参阅图1，图1示出了本申请一实施例中实现页面交互的方法的一应用环境示意图。
本实施例提供的实现页面交互的方法，可应用在如图1的应用环境中，其中，客户端与服务端进行通信。其中，客户端包括但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。服务端可以用独立的服务器或者是多个服务器组成的服务器集群来实现。客户端通过加密通道和服务端的视频应用服务器相连，视频应用服务器和网络中的其它应用服务器或者API服务器相连，其中和视频应用服务器相连接的应用服务器或者API服务器可以是一个也可以是多个。客户端通过视频应用服务器来对应用服务器和API服务器进行服务的请求。
请参阅图2，图2示出了本申请实施例中实现页面交互的方法的流程图。
如图2所示，提供一种实现页面交互的方法，以该方法应用在图1中的视频应用服务器为例进行说明，包括如下步骤：
S1、响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端。
在本实施例中，客户端通过网络对应用服务器进行访问时，并不直接访问的应用服务器，而是首先将页面请求发送给视频应用服务器，视频应用服务器再将客户端的页面请求转发给相应的应用服务器，然后接收应用服务器反馈的页面内容，将页面内容以视频流的方式发送给客户端。这样就使客户端和应用服务“隔离”开来，客户端并不直接访问应用服务器的接口，并且在页面内容传输的过程中是以视频流的方式进行的传输，即使信息在传输过程中被截取了，截取信息的一方也获取不了完整的结构化的页面内容数据，从而保证了交互过程中数据的安全和应用服务器接口的安全。
其中，第一视频流是采用H264格式的视频流。加密通道指的是采用了加密协议的传输信道，该传输信道可以是传统的有线信道，也可以是基于3G、4G、5G或者Wifi和WLAN等无线传输技术的无线信道。通过加密通道来进行客户端与视频应用服务器之间的信息传输能够进一步增强信息传输的安全性。
可以理解的是，和应用服务器相对应的，客户端是通过运行在客户端中的应用来发起的页面请求，该应用可以是专门为访问视频应用服务器而开发的应用，也可以是在现有应用的基础上加载专门用于和所述视频应用服务器进行交互的插件来实现的。
S2、当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容。
在本实施例中，为了保证客户端能够和应用服务器之间正常的交互，视频应用服务器还需要接收客户端的交互信息，基于所述交互信息做进一步的响应。交互信息是用户通过操作客户端的应用软件而产生的，由于本实施例中的页面内容是以视频流的方式传输到客户端，由客户端中的视频应用软件对该视频流进行播放的形式来向用户展示页面信息的，而传统的视频中的内容是无法进行交互操作的，因此本实施例中的客户端中的应用程序或者插件被设置为可以捕捉到用户的操作行为，然后将用户的操作行为封装成交互信息通过加密通道发送给视频应用服务器。
可以理解的是，在客户端和视频应用服务器交互的过程中，视频应用服务器会实时监听加密通道的接口，一旦监听到有来自客户端的交互信息便立即执行S2中的步骤，从而保证视频应用服务器能够对交互信息作出及时的响应。
S3、将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
在本步骤中，在获取到新的页面内容后，视频应用服务器仍然是将该新的页面内容以视频流的方式发送给客户端，以供客户端的应用程序来展示新的页面内容。
需要说明的是，由于整个页面获取和信息交互的过程都是需要经过视频应用服务器来进行信息的获取和转发的，因此本实施例中的方法在响应时间上会存在以一定的延时，但该延时仍然处于用户可以接受的范围内，尤其是随着端到端时延仅有1毫秒的5G网络的普及，使得本实施例中的交互方法能够达到准实时交互的效果。
本实施例中的页面交互方法，，主要的应用场景为，需要通过开放的网络远程访问应用服务器，从应用服务器上获取重要的信息，并且能够与所述应用服务器进行交互的场景，比如远程办公，远程审批等。
请参阅图3，图3示出了本申请一实施例中实现页面交互的方法的步骤S1的子流程图。
作为本申请一实施例，如图3所示，步骤S1包括下述步骤：
S11、解析所述页面请求，得到目标服务器地址和所述客户端的分辨率信息。
在本实施例中，客户端通过加密通道发送页面请求来获取页面内容，其中页面请求的目标地址为视频应用服务器的地址，视频应用服务器地址根据页面请求中的目标端口号来获取该页面请求的目标服务器地址，该目标服务器可以是和视频应用服务器连接的其他应用服务器，也可以是视频应用服务器本身。可以理解的是，在视频应用服务器中存储有端口号和应用服务器地址的对照表。
在本实施例中，还需要从页面请求中解析出客户端的分辨率信息，为后续步骤中将获取的页面内容渲染成视频内容做准备。其中客户端的分辨率信息默认的是客户端所使用的终端的显示设备的分辨率信息，用户也可以根据需要在客户端应用软件中对该分辨率信息进行设置，一般的，PC端的分辨率信息多为：1280×720、1920×1080，移动端的分辨率信息多为：640×960、750×1334、1242×2208。
S12、根据所述目标服务器地址，获取和所述页面请求对应的页面内容；
在获取到目标服务器地址之后，视频应用服务器将客户端的页面请求中的目标地址替换为目标服务器的地址，将客户端页面请求中的原地址替换为视频应用服务器的地址，然后将替换过目的地址和原地址的页面请求发送给目标服务器，其中目标服务器地址可以是和视频应用服务器位于同一局域网的内网地址，也可以是和视频应用服务器不在同一局域网的外网地址。需要说明的是，当客户端的页面请求的目的地址和目的端口号所指向的目标服务器地址为视频应用服务器本身时，视频应用服务器直接接受该页面请求并根据该页面请求的请求内容作出响应。
目标服务器在获取到页面请求后，根据其所请求的页面将对应的页面内容封装好进行反馈，其中封装好的页面内容的目的地之为应用服务器的地址。进一步的，为了使客户端能够更快地得到页面信息，视频应用服务器还可以提前从应用服务器中获取页面内容，以便当客户端发起页面请求时，直接将对应的页面内容发送给客户端，从而加速请求响应的执行。
S13、根据所述客户端的分辨率信息，将所述页面内容渲染成和所述客户端的分辨率信息相匹配的第一视频内容；
在本实施例中，视频应用服务器在接收到根据页面获取请求返回的页面内之后，会通过其内部的浏览器引擎将该页面内容渲染出来，并将渲染出来的页面转换成和客户端的分辨率信息相匹配的第一视频内容，需要注意的是，这里所说的渲染是指在视频应用服务器的浏览器引擎中进行的模拟渲染，因为此时不需要向用户展示渲染后结果，因此这里只对页面内容进行渲染并不对渲染结果进行显示。
S14、将所述第一视频内容转换为第一视频流，通过加密通道发送给所述客户端。
在本实施例中，视频应用服务器将页面内容渲染成第一视频内容之后，将该第一视频内容转换为第一视频流通过加密通道发送给客户端，相应的，客户端在接收到第一视频流之后，立即在应用软件中进行播放，客户端以“直播”的方式来展示网页。因为第一视频内容是根据客户端的分辨率信息进行渲染的，因此通过视频流播放的页面内容能够很好的匹配客户端的显示设备，进而使得用户的使用体验并不会比通过浏览器来浏览网页时的体验差。
需要说明的是，本实施例中的方法虽然在客户端中展示的是视频，但视频播放的内容是页面内容的即时画面，不论该网页采用的是静态页面还是动态页面，该视频流传输的数据量是非常小的，并不会向播放真正的高清视频一样需要很大的数据传输量，因此本实施例中的方法对于现有的通信系统具有很轻的适用性。
请参阅图4，图4示出了本申请一实施例中实现页面交互的方法的步骤S2的子流程图。
作为本申请一实施例，如图4所示，步骤S2包括下述步骤：
S21、解析所述交互信息，得到所述交互信息包含的操作类型和所述操作类型的参数；
在本实施例中，因为交互信息是基于用户在客户端上面的操作而产生的，因此视频应用服务器通过实时监听加密通道的接口来获取来自客户端的交互信息后，首先需要对该交互信息进行解析，解析出用户具体操作的内容。用户具体操作的内容包括操作类型和操作类型的参数。
具体的，所述操作类型包括：点击操作、拖动操作、滚轮滚动操作、键盘组合操作或键盘输入操作。
用户在客户端的操作行为可以有很多，本实施例中所说的操作类型主要包括点击操作、拖动操作、滚轮滚动操作、键盘组合操作或键盘输入操作。其中点击操作，包括单击或者双击以及点击的是鼠标左键还是鼠标右键等；拖动操作，是指长点击某一目标并进行移动的动作，比如页面中的某一漂浮窗口拖动到页面边缘；滚动操作，是指鼠标滚轮的滚动，比如通过上下滚动鼠标滚轮来上翻或者下翻页面；键盘组合操作，是指通过多个键的配合所执行的操作，比如通过ctrl键+滚轮滚动来调整页面的大小；键盘输入操作，是指通过键盘等输入设备输入内容的操作，比如通过键盘在页面中的某一窗格内输入信息，其中键盘可以是实体的键盘也可以是虚拟的桌面键盘。
进一步的，与操作类型相对应的，所述操作类型的参数包括：操作对应的坐标、操作对应的时间或操作输入的内容。
在本实施例中，为了使应用服务器能够进一步根据交互信息还原出用户的操作意图，在解析出交互信息对应的操作类型的同时还需要解析出该操作类型的参数信息。本实施例中所说的操作类型的参数包括：操作对应的坐标、操作对应的时间或操作输入的内容。其中，操作对应的坐标，是指用户在客户端执行该操作动作时在当前的显示窗口中所对应的坐标，其中该坐标可以是类似于直角坐标系中的横坐标和纵坐标的组合来确定该操作在当前窗口中对应的位置；操作对应的时间，是指对某一操作发生的时间，以便视频应用服务器能够确定交互信息中所包含的操作的执行顺序；操作输入的内容，是指用户通过键盘输入操作所输入的内容。
S22、根据所述操作类型和所述操作类型的参数，对所述页面内容进行更新，得到新的页面内容。
请参阅图5，图5示出了本申请一实施例中实现页面交互的方法的步骤S22的子流程图。
作为本申请一实施例，所述根据所述操作类型和所述操作类型的参数，对所述页面内容进行更新，得到新的页面内容包括：
S221、在所述页面内容中，根据所述操作类型和所述操作类型的参数执行所述操作类型对应的操作并获取执行结果。
在本实施例中，在解析出交互信息中所包含的操作类型和操作类型的参数，即可准确的还原出用户在客户端处的具体的操作内容，因此视频应用服务器就可以根据解析出的操作类型和所述操作类型的参数，在其内部的浏览器引擎中模拟用户来执行同样的操作，并获取执行该操作后所得到的执行结果。
作为本申请一实施例，在所述页面内容中，根据所述操作类型和所述操作类型的参数执行所述操作类型对应的操作并获取执行结果包括：
根据所述操作类型的参数确定所述操作类型对应的页面元素，对所述页面元素执行所述操作类型对应的操作并获取执行结果。
在本实施例中，由于用户在客户端对当前的页面进行操作时，当前的页面和视频应用服务器中渲染的页面内容是同步的，因此视频应用服务器在解析出交互信息中的操作类型和操作类型的参数后，通过其内部的浏览器引擎可以根据操作对应的坐标在当前的页面中定位到操作对应的页面元素，然后对该页面元素执行该操作类型对应的操作。比如，操作类型为“单击左键”的参数中的坐标对应的是页面中的“下一步”的按钮页面元素，则浏览器引擎对该按钮页面元素执行“单击左键”的操作，基于此操作浏览器引擎会发出获取下一步的请求，并得到基于该请求返回的和“下一步”相关的数据。需要说明的是，如果交互信息中包含键盘的输入操作，浏览器引擎还会将输入的内容输入到相应的对话框中；如果视频应用服务器解析出的操作涉及到对其他应用服务器的端口的调用，则浏览器引擎会模拟用户的浏览器去执行该操作；如果交互信息中涉及到多个操作，则浏览器引擎根据操作对应的时间来依次执行多个操作。
S222、根据所述执行结果对所述页面内容进行更新，得到新的页面内容。
在浏览器引擎执行完交互信息中的操作并获取到相应的执行结果之后，接下来就需要根据获取的执行结果对当前页面中的内容进行更新。
作为本申请一实施例，根据所述执行结果对所述页面内容进行更新，得到新的页面内容包括：
根据所述执行结果对所述页面内容中的页面元素和所述页面元素的属性进行更新，得到新的页面内容。
在根据执行结果对页面内容进行更新时，页面中的部分页面元素以页面预算的属性会发生相应的变化，浏览器引擎对变化后的页面进行渲染从而得到新的页面内容。比如，当浏览器引擎模拟点击了页面中的“下一步”按钮，并得到了执行完该操作所获取到的“下一步”的页面数据后，需要对当前页面中的相关区域的页面元素和页面元素的属性进行更新，从而得到“下一步”所对应的页面内容。其中，新的页面内容可以是当前页面内容的部分的替换也可以是对当前页面内容整体的替换，也可以是对当前页面的放大或者缩小。
需要说明的是，在此过程中，用户的操作行为均不是直接对页面进行的操作，而是由视频应用服务器根据交互信息在其内部的浏览器引擎中模拟用户进行的操作，该过程是一个实时动态的过程。
作为本申请一实施例，步骤S3包括：
对所述新的页面内容进行渲染得到第二视频内容，将所述第二视频内容转换成第二视频流后通过所述加密通道发送给所述客户端。
在本实施例中，在得到了新的页面内容后，需要及时将新的页面内容发送到客户端中，为了保证新的页面内容在传输过程中的安全，本实施例中的方法需要首先将新的页面内容渲染成和客户端当前的分辨率相匹配的第二视频内容，然后将第二视频内容转换成第二视频流，通过加密通道将第二视频流发送至客户端进行展示。需要说明的是，由于用户的操作可能是对屏幕显示分辨率的修改，因此在视频应用服务器中的浏览器引擎模拟客户端执行完该操作后，将新的页面内容渲染成第二视频内容时也会对渲染的视频的分辨率进行对应的调整，使第二视频内容的分辨率和客户端的分辨率保持一致。
本发明实施例响应于来自客户端的页面请求，将页面请求对应的页面内容以第一视频流的方式通过加密通道发送给客户端，当接收到客户端通过加密通道发送的交互信息时，根据交互信息更新页面内容，得到新的页面内容，将新的页面内容以第二视频流的方式通过加密通道发送给客户端，从而保证了客户端即能够正常和服务器进行交互，并且在信息传输的过程中传输的是视频流而非结构化的数据，降低了接口信息被窃取和敏感数据被抓取的风险，提高了客户端在和服务器交互过程中信息传输的安全性。
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。
请参阅图6，图6示出了本申请一实施例中实现页面交互的装置的结构图。
作为本申请一实施例，提供一种实现页面交互的装置1，该实现页面交互的装置与上述实施例中实现页面交互的方法一一对应。如图6所示，该实现页面交互的装置1包括页面内容获取模块10、交互信息响应模块20和页面内容更新模块30。各功能模块详细说明如下：
页面内容获取模块10，用于响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
交互信息响应模块20，用于当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
页面内容更新模块30，用于将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
作为本申请一实施例，所述页面内容获取模块10还包括：
页面请求解析单元，用于解析所述页面请求，得到目标服务器地址和所述客户端的分辨率信息；
页面内容获取单元，用于根据所述目标服务器地址，获取和所述页面请求对应的页面内容；
页面内容渲染单元，用于根据所述客户端的分辨率信息，将所述页面内容渲染成和所述客户端的分辨率信息相匹配的第一视频内容；
视频流发送单元，用于将所述第一视频内容转换为第一视频流，通过加密通道发送给所述客户端。
作为本申请一实施例，所述交互信息响应模块20还包括：
交互信息解析单元，用于解析所述交互信息，得到所述交互信息包含的操作类型和所述操作类型的参数；
交互操作执行单元，用于根据所述操作类型和所述操作类型的参数，对所述页面内容进行更新，得到新的页面内容。
关于实现页面交互的装置的具体限定可以参见上文中对于实现页面交互的方法的限定，在此不再赘述。上述实现页面交互的装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
请参阅图7，图7示出了本申请一实施例中计算机设备的一示意图。
作为本申请一实施例，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括可读存储介质、内存储器。该可读存储介质存储有操作系统、计算机可读指令和数据库。该内存储器为可读存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的数据库用于存储实现页面交互的方法所涉及的数据。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现一种实现页面交互的方法。本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。
作为本申请一实施例，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括可读存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机可读指令。该内存储器为可读存储介质中的操作系统和计算机可读指令的运行提供环境。该计算机设备的网络接口用于与外部服务器通过网络连接通信。该计算机可读指令被处理器执行时以实现一种实现页面交互的方法。本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。
作为本申请一实施例，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机可读指令，处理器执行计算机可读指令时实现以下步骤：
响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
作为本申请一实施例，提供了一个或多个存储有计算机可读指令的计算机可读存储介质，本实施例所提供的可读存储介质包括非易失性可读存储介质和易失性可读存储介质。可读存储介质上存储有计算机可读指令，计算机可读指令被一个或多个处理器执行时实现以下步骤：
响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性可读取存储介质或易失性可读存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。
以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种实现页面交互的方法，其特征在于，所述方法包括：
响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
2.如权利要求1所述的实现页面交互的方法，其特征在于，所述响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端包括：
解析所述页面请求，得到目标服务器地址和所述客户端的分辨率信息；
根据所述目标服务器地址，获取和所述页面请求对应的页面内容；
根据所述客户端的分辨率信息，将所述页面内容渲染成和所述客户端的分辨率信息相匹配的第一视频内容；
将所述第一视频内容转换为第一视频流，通过加密通道发送给所述客户端。
3.如权利要求1所述的实现页面交互的方法，其特征在于，根据所述交互信息更新所述页面内容，得到新的页面内容包括：
解析所述交互信息，得到所述交互信息包含的操作类型和所述操作类型的参数；
根据所述操作类型和所述操作类型的参数，对所述页面内容进行更新，得到新的页面内容。
4.如权利要求3所述的实现页面交互的方法，其特征在于，所述根据所述操作类型和所述操作类型的参数，对所述页面内容进行更新，得到新的页面内容包括：
在所述页面内容中，根据所述操作类型和所述操作类型的参数执行所述操作类型对应的操作并获取执行结果；
根据所述执行结果对所述页面内容进行更新，得到新的页面内容。
5.如权利要求4所述的实现页面交互的方法，其特征在于，所述在所述页面内容中，根据所述操作类型和所述操作类型的参数执行所述操作类型对应的操作并获取执行结果包括：
根据所述操作类型的参数确定所述操作类型对应的页面元素，对所述页面元素执行所述操作类型对应的操作并获取执行结果。
6.如权利要求5所述的实现页面交互的方法，其特征在于，所述根据所述执行结果对所述页面内容进行更新，得到新的页面内容包括：
根据所述执行结果对所述页面内容中的页面元素和所述页面元素的属性进行更新，得到新的页面内容。
7.如权利要求1所述的实现页面交互的方法，其特征在于，所述将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端包括：
对所述新的页面内容进行渲染得到第二视频内容，将所述第二视频内容转换成第二视频流后通过所述加密通道发送给所述客户端。
8.一种实现页面交互的装置，其特征在于，所述装置包括：
页面内容获取模块，用于响应于来自客户端的页面请求，将所述页面请求对应的页面内容以第一视频流的方式通过加密通道发送给所述客户端；
交互信息响应模块，用于当接收到所述客户端通过所述加密通道发送的交互信息时，根据所述交互信息更新所述页面内容，得到新的页面内容；
页面内容更新模块，用于将所述新的页面内容以第二视频流的方式通过所述加密通道发送给所述客户端。
9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至7任一项所述的实现页面交互的方法。
10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的实现页面交互的方法。
CN202110743003.4A 2021-06-30 2021-06-30 一种实现页面交互的方法、装置、设备及介质 Pending CN113490015A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110743003.4A CN113490015A (zh) 2021-06-30 2021-06-30 一种实现页面交互的方法、装置、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110743003.4A CN113490015A (zh) 2021-06-30 2021-06-30 一种实现页面交互的方法、装置、设备及介质

Publications (1)

Publication Number Publication Date
CN113490015A true CN113490015A (zh) 2021-10-08

Family

ID=77937365

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110743003.4A Pending CN113490015A (zh) 2021-06-30 2021-06-30 一种实现页面交互的方法、装置、设备及介质

Country Status (1)

Country Link
CN (1) CN113490015A (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050278533A1 (en) * 2003-01-12 2005-12-15 Yaron Mayer System and method for secure communications
CN103081411A (zh) * 2010-01-13 2013-05-01 刘文祥 网络业务
CN107643930A (zh) * 2016-07-22 2018-01-30 中兴通讯股份有限公司 应用运行方法及云服务器
CN110716771A (zh) * 2018-07-11 2020-01-21 视联动力信息技术股份有限公司 终端页面显示方法和装置
CN111506917A (zh) * 2020-03-31 2020-08-07 北京三快在线科技有限公司 页面展示方法、展示装置、可读存储介质及电子设备
CN111641701A (zh) * 2020-05-25 2020-09-08 深信服科技股份有限公司 一种数据保护的方法及装置、设备、存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050278533A1 (en) * 2003-01-12 2005-12-15 Yaron Mayer System and method for secure communications
CN103081411A (zh) * 2010-01-13 2013-05-01 刘文祥 网络业务
CN107643930A (zh) * 2016-07-22 2018-01-30 中兴通讯股份有限公司 应用运行方法及云服务器
CN110716771A (zh) * 2018-07-11 2020-01-21 视联动力信息技术股份有限公司 终端页面显示方法和装置
CN111506917A (zh) * 2020-03-31 2020-08-07 北京三快在线科技有限公司 页面展示方法、展示装置、可读存储介质及电子设备
CN111641701A (zh) * 2020-05-25 2020-09-08 深信服科技股份有限公司 一种数据保护的方法及装置、设备、存储介质

Similar Documents

Publication Publication Date Title
US20200252413A1 (en) Remoting application across a network using draw commands with an isolator application
US10949491B2 (en) Method and apparatus for using proxies to interact with webpage analytics
US10798127B2 (en) Enhanced document and event mirroring for accessing internet content
US10353718B2 (en) Providing access to a remote application via a web client
KR101413130B1 (ko) 상태기반 브라우징
US9864671B1 (en) Systems and methods of live experimentation on content provided by a web site
WO2022242023A1 (zh) 资源获取方法、webvpn代理服务器、系统及服务器
WO2022193595A1 (zh) 对象播放方法及装置
US20160261699A1 (en) Transferring cookie data to another domain
CN103970760B (zh) 一种网页请求处理方法及装置
US20190042394A1 (en) Automatically determining whether a page of a web site is broken despite elements on the page that may change
CN111679881B (zh) 一种文件处理方法、装置、计算机设备以及存储介质
US11386214B2 (en) Web application execution with secure element extension
CN111427524A (zh) 远程控制的方法、装置、计算机设备及存储介质
US11567721B2 (en) Determining suitable values of parameters controlling display characteristics of elements of interactive pages
CN115484086A (zh) 云手机屏幕共享方法及电子设备、计算机可读存储介质
CN110928706A (zh) 小程序交互方法、装置、电子设备及存储介质
CN114979730B (zh) 传屏交互方法、装置、计算机设备和存储介质
CN107580253B (zh) 一种报错页面处理方法、装置、机顶盒及存储介质
CN107943921B (zh) 页面分享信息生成方法、装置、计算机设备和存储介质
JP2012079188A (ja) 体裁情報処理装置及び方法
CN113490015A (zh) 一种实现页面交互的方法、装置、设备及介质
WO2023024800A1 (zh) 基于web的多终端设备互动方法、系统、终端设备
US8825739B2 (en) Method and apparatus for controlling multiple systems in a low bandwidth environment
EP2557505A1 (en) Web display program conversion system, web display program conversion method, and program for web display program conversion

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20211008