CN104426921B - 展现网络应用程序文档的方法、移动终端、浏览器及系统 - Google Patents

展现网络应用程序文档的方法、移动终端、浏览器及系统 Download PDF

Info

Publication number
CN104426921B
CN104426921B CN201310364923.0A CN201310364923A CN104426921B CN 104426921 B CN104426921 B CN 104426921B CN 201310364923 A CN201310364923 A CN 201310364923A CN 104426921 B CN104426921 B CN 104426921B
Authority
CN
China
Prior art keywords
webapp
browser
websocket
mobile terminal
documents
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.)
Active
Application number
CN201310364923.0A
Other languages
English (en)
Other versions
CN104426921A (zh
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.)
Banma Zhixing Network Hongkong Co Ltd
Original Assignee
Alibaba Group Holding 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 Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201310364923.0A priority Critical patent/CN104426921B/zh
Publication of CN104426921A publication Critical patent/CN104426921A/zh
Priority to HK15105357.9A priority patent/HK1205378A1/zh
Application granted granted Critical
Publication of CN104426921B publication Critical patent/CN104426921B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Telephonic Communication Services (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请公开了在计算机上运行WebAPP文档的方法、移动终端、浏览器及系统,其中所述方法,包括:安装有嵌入式操作系统的移动终端中的WebSocket服务组件与安装有桌面操作系统的计算机中正在展现WebAPP文档的浏览器建立网络连接;WebSocket服务组件接收所述浏览器发来的WebApp文档中的可执行代码示例,并在WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例;WebSocket服务组件监听WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据;WebSocket服务组件将所述显示数据传输至浏览器从而在浏览器上展现WebApp文档中的文档说明的同时配合展现显示数据。本申请利用WebOS架构,通过浏览器就可以在计算机上展现WebApp文档中可执行代码在移动终端中的运行效果。

Description

展现网络应用程序文档的方法、移动终端、浏览器及系统
技术领域
本申请涉及Web服务和应用的领域,更具体地涉及一种在计算机上运行网络应用程序(WebAPP)文档的方法、移动终端、浏览器及系统。
背景技术
WebApp是基于Web技术(Javascript,CSS和HTML)开发的网络应用程序,属于移动终端上使用体验比较好的新型页面形式。配合WebApp的使用或者开发,会带有一些WebApp文档,这种WebApp文档可以是WebApp API文档(软件或框架对外交互的技术手册)、技术文章和演说文稿等等。这些WebApp文档中除了文档说明(可以包括文字和附图等)之外,往往会集成一些可执行代码示例,在阅读文档说明的过程中,运行这些代码段并将运行结果显示出来,可以配合文档说明本身起到更好地解释说明的作用。
这种WebApp文档中的可执行代码示例一般都是符合WebApp的编写规范的代码,这种可执行代码示例显然适于WebApp的运行环境,即在嵌入式操作系统的环境下运行,而不适于在桌面操作系统的环境下运行。而计算机往往安装的是桌面操作系统,移动终端一般安装的是嵌入式操作系统,但是现在的需求是越来越多的用户希望在计算机上阅读这些技术文档,这些WebApp文档中的可执行代码示例在计算机的桌面操作系统环境下显然是不适于执行的。
因此,出现了一些解决的方案,例如:编写WebApp文档时给出没有运行功能的代码段的示例,这样可以可以使WebApp文档在浏览器页面中直接展现WebApp文档。但是WebApp文档特点就是动态语言即时解析即时执行,因此优秀的WebApp文档也需要能利用这个特性快速展现可执行代码示例的运行效果,因此本方案中的WebApp文档缺乏直观性,不符合技术和市场的发展趋势,这种方案并不可取。
还例如:在计算机上安装用来开发WebApp的IDE(Integrated developmentenvironment集成开发环境),在用户阅读WebApp文档过程中利用IDE在计算机上运行可执行代码示例并展现运行效果。但是这种方式就需要用户的计算机中必须安装有相关的IDE软件,这本身就造成了不方便,而且用户在计算机上阅读WebApp文档时还是需要先打开IDE软件。
还例如:利用在计算机中基于webKit内核的浏览器来模拟出WebApp文档的可执行代码示例的执行环境,然后利用计算机的浏览器来阅读WebApp文档。但是这种方式下计算机的浏览器其实并不具备真实的硬件特性和特有的软件环境,所以WebApp文档中可执行代码示例很多功能和效果是无法展现的,并且演示效果也不精确。
发明内容
有鉴于此,本申请所要解决的技术问题是提供了一种在计算机上展现WebApp文档的方法、移动终端、浏览器及系统,以解决不能直接在计算机上展现具有可执行代码示例的WebApp文档并展现可执行代码示例的运行效果的问题。
为了解决上述技术问题,本申请公开了一种在计算机上展现网络应用程序(WebAPP)文档的方法,包括:安装有嵌入式操作系统的移动终端中的网络套接字(WebSocket)服务组件与安装有桌面操作系统的计算机中正在展现所述WebAPP文档的浏览器建立网络连接;所述WebSocket服务组件接收所述浏览器发来的所述WebApp文档中的可执行代码示例,并在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例;所述WebSocket服务组件监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据;所述WebSocket服务组件将所述显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据。
进一步地,安装有嵌入式操作系统的移动终端中的网络套接字(WebSocket)服务组件与安装有桌面操作系统的计算机中正在展现所述WebAPP文档的浏览器建立网络连接的步骤,包括:所述移动终端与计算机建立网络链路;通过所述计算机中的浏览器展现所述WebApp文档时,所述移动终端中的WebSocket服务组件接收到所述浏览器通过所述网络链路发来的基于WebSocket协议的网络连接请求;所述WebSocket服务组件通过所述网络链路向所述浏览器发出响应从而所述WebSocket服务组件与所述浏览器建立并保持基于WebSocket协议的支持双向通信的网络连接。
进一步地,所述移动终端与计算机建立网络链路的步骤,包括:所述移动终端通过外部总线方式与计算机连接从而接入所述计算机的局域网,建立网络链路,或者,所述移动终端通过无线方式接入所述计算机的局域网从而建立网络链路。
进一步地,在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例的步骤,包括:在所述WebSocket服务组件接收到所述浏览器发来的所述WebApp文档中的可执行代码示例后,通过调用WebOS标准库函数对用于承载所述WebApp的运行环境的WebApp容器进行初始化,并在所述WebApp容器中运行所述可执行代码示例。
进一步地,所述WebSocket服务组件监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据的步骤,包括:在所述WebApp容器组件中所述可执行代码示例的运行过程中,所述WebSocket服务组件监听所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄;所述WebSocket服务组件将实时监听到的所述文件句柄对应的显示数据按照预设的刷新频率转化为图片编码格式的二进制数据。
进一步地,所述WebSocket服务组件将所述显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据的步骤,包括:所述WebSocket服务组件将所述二进制数据传输至所述浏览器从而使所述浏览器展现所述WebApp文档中的文档说明的同时,按照所述刷新频率通过所述浏览器所打开页面中的img标签实时展现所述二进制数据。
进一步地,所述移动终端,包括以下一个或多个的组合:位于本地的手机、平板电脑、销售点情报管理系统(POS)、车载电脑。
为了解决上述技术问题,本申请还公开了一种用于支持在计算机上展现网络应用程序(WebAPP)文档的移动终端,安装有嵌入式操作系统的所述移动终端与安装有桌面操作系统的计算机相耦接,其特征在于,所述移动终端,包括:网络套接字(WebSocket)服务组件和WebApp容器组件,其中,所述WebSocket服务组件,用于与所述计算机中正在展现所述WebAPP文档的浏览器建立网络连接,接收所述浏览器发来的所述WebApp文档中的可执行代码示例,建立WebApp容器组件并控制所述可执行代码示例在所述WebApp容器组件中运行;还用于监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据;所述WebApp容器组件,用于提供运行所述WebApp文档中的可执行代码示例的运行环境。
进一步地,还包括:链路建立组件,其中,所述链路建立组件,用于与所述计算机建立网络链路;所述WebSocket服务组件,进一步用于在通过所述计算机中的浏览器展现所述WebApp文档时,接收所述浏览器通过所述网络链路发来的基于WebSocket协议的网络连接请求,通过所述网络链路向所述浏览器发出响应从而所述WebSocket服务组件与所述浏览器建立并保持基于WebSocket协议的支持双向通信的网络连接。
进一步地,所述链路建立组件,用于通过外部总线方式与所述计算机连接从而接入所述计算机的局域网,或者,通过无线方式接入所述计算机的局域网从而建立网络链路。
进一步地,所述WebSocket服务组件,用于在接收到所述浏览器发来的所述WebApp文档中的可执行代码示例后,通过调用WebOS标准库函数对用于承载所述WebApp的运行环境的WebApp容器进行初始化,并在所述WebApp容器中运行所述可执行代码示例。
进一步地,所述WebSocket服务组件,用于在所述WebApp容器组件中所述可执行代码示例的运行过程中,监听所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄,将实时监听到的所述文件句柄对应的显示数据按照预设的刷新频率转化为图片编码格式的二进制数据,将所述二进制数据传输至所述浏览器从而使所述浏览器展现所述WebApp文档中的文档说明的同时,按照所述刷新频率通过所述浏览器所打开页面中的img标签实时展现所述二进制数据。
进一步地,所述移动终端,包括以下一个或多个的组合:位于本地的手机、平板电脑、销售点情报管理系统(POS)、车载电脑。
为了解决上述技术问题,本申请还公开了一种支持在计算机上展现网络应用程序(WebAPP)文档的浏览器,所述浏览器位于安装有桌面操作系统的计算机上,所述计算机与安装有嵌入式操作系统的移动终端相耦接,所述浏览器,包括:网络连接组件、发送接收组件和数据展现组件,其中,所述网络连接组件,用于在展现所述WebAPP文档时,与所述移动终端中的网络套接字(WebSocket)服务组件建立网络连接;所述发送接收组件,用于将所述WebApp文档中的可执行代码示例发送给所述WebSocket服务组件从而在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例;还用于接收所述WebSocket服务组件传输来的所述可执行代码示例的运行过程中的显示数据;所述数据展现组件,用于展现所述可执行代码示例的运行过程中的显示数据。
进一步地,所述网络连接组件,用于在展现所述WebApp文档后,向所述移动终端中的WebSocket服务组件发出基于WebSocket协议的网络连接请求,接收所述WebSocket服务组件发出的响应从而使所述浏览器与所述WebSocket服务组件建立并保持基于WebSocket协议的支持双向通信的网络连接。
进一步地,所述发送接收组件,用于接收所述WebSocket服务组件传输来的二进制数据,其中,将在所述WebApp容器组件中所述可执行代码示例的运行过程中所述WebSocket服务组件实时监听到的所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄所对应的显示数据,按照预设的刷新频率转化为图片编码格式的二进制数据。
进一步地,所述数据展现组件,用于展现所述WebApp文档中的文档说明的同时,通过所打开页面中的img标签展现实时的图片编码格式的二进制数据,并按照所述刷新频率实时更新所述二进制数据。
为了解决上述技术问题,本申请还公开了一种在计算机上展现网络应用程序(WebAPP)文档的系统,包括:安装有浏览器和桌面操作系统的计算机以及安装有嵌入式操作系统的移动终端,所述移动终端与计算机相耦接,其中,所述浏览器包括如上所述的浏览器;所述移动终端包括如上所述的移动终端。
与现有的方案相比,本申请所获得的技术效果:
1)本申请利用WebOS架构(计算机的浏览器+移动终端的WebSocket服务组件),通过浏览器就可以在计算机上展现WebApp文档中可执行代码在移动终端中的运行效果。
2)相比较于在编写WebApp文档时给出没有运行功能的代码段示例的方式,本申请能让用户在第一时间感受到WebApp文档中的可执行代码示例在真实设备中运行的实际效果,极大增强了WebApp文档的可读性和操作的简便性,同时由于适配的移动终端参与WebApp文档中的可执行代码示例的运行因而更加丰富了WebApp文档的展现效果。
3)相比较于在计算机上安装用来开发WebApp的IDE的方案,本申请只需保证计算机上安装有浏览器中就能达到WebApp文档中的可执行代码示例的运行和实时展现的效果,而考虑到IDE安装时所占用的较大空间、需要由专业网站下载所带来的繁琐操作以及下载时因为IDE文件较大尺寸所占用的流量,浏览器显得更加轻量,而且基本上计算机本身就自带浏览器,这一点也保证了本申请的技术方案从使用和传播上的便利性。
4)相比较于在计算机中基于webKit内核的浏览器来模拟出WebApp文档的可执行代码示例的执行环境的方案,本申请在移动终端的真实硬件环境中运行,因此能够保证可执行代码示例运行过程的真实性及程序显示效果的精确性。
5)另外,因为本申请中,WebApp文档的可执行代码示例的运行放在具有相应适配平台的移动终端,而WebApp文档的文档说明和可执行代码示例的运行结果在计算机中通过浏览器来展现,在用户阅读过程中保证了WebApp文档的呈现的完整性,而且WebApp文档的展现对于计算机的操作系统平台没有限制。
当然,实施本申请的任一产品必不一定需要同时达到以上所述的所有技术效果。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是本申请实施例一所述的在计算机上展现网络应用程序(WebAPP)文档的方法流程图。
图2是图1中步骤S100的细部操作的方法流程图。
图3是图1中步骤S104~S106的细部操作的方法流程图。
图4是本申请实施例二所述的用于支持在计算机上展现网络应用程序(WebAPP)文档的移动终端的结构示意图。
图5是基于图4的另一种移动终端的结构示意图。
图6是图4和5中WebSocket服务组件的结构示意图。
图7是本申请实施例三所述的支持在计算机上展现网络应用程序(WebAPP)文档的浏览器的结构示意图。
图8是本申请实施例四所述的支持网络应用程序(WebAPP)运行在计算机上的系统的架构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本申请的核心构思
移动终端中一般运行的是嵌入式操作系统中,如:Android、iOS、Symbian、WindowsPhone、BlackBerry OS等,而计算机中一般运行的是桌面操作系统,如:Mac OS X、Windows系列等,显然WebApp文档中的可执行代码示例在计算机的系统不具备运行环境,但是在计算机中阅读WebApp文档的这种需求是实际存在的。
计算机中一般都安装有浏览器,随着HTML5技术的发展及网络带宽的大幅升级,可以考虑利用在计算机的浏览器中阅读WebApp文档的文档说明的同时,结合WebOS系统结构将WebApp文档中的可执行代码示例的运行放到具有运行环境的移动终端中,而将可执行代码示例的运行结果显示在计算机的浏览器中。
计算机中通过浏览器和移动终端进行基于WebSocket协议的连接,并将WebApp文档中的可执行代码示例通过浏览器发送到移动终端中的WebSocket服务组件,WebSocket服务组件在WebApp容器组件中运行可执行代码示例,将显示数据按照一定的刷新策略再发回给计算机的浏览器,并在浏览器页面中显示。
本申请的应用环境
本申请中移动终端,可以包括以下一个或多个的组合:位于本地的手机、笔记本、平板电脑、销售点情报管理系统(POS)、车载电脑。
本申请中的计算机一般处于一局域网中或者创建一局域网,因此其自身可以为移动终端提供网络接入使得计算机与移动终端建立网络链路。
其次,需要在移动终端中植入Web服务组件,当然对于一些出厂时预装有WebOS系统的移动终端,其本身就具有Web服务组件。一般来说,如果移动终端上安装了Web服务组件的软件,这台移动终端就可以称为WebSocket服务组件。因此,WebSocket服务组件包括有移动终端硬件和Web服务组件的软件的双层含义。WebSocket服务组件是HTML5的标准API(应用程序接口),可以提供移动终端和计算机之间双向网络通信能力。当然,移动终端中WebSocket服务组件并不能直接提供运行WebApp文档中的可执行代码示例的环境,因此还需要WebSocket服务组件创建WebApp容器组件。
WebApp容器组件是为处于其中的可执行代码示例提供可以完整执行代码并渲染界面的上下文环境,使可执行代码示例直接跟WebApp容器中的环境变量交互,不必关注其它系统问题。
本申请的若干实施例
如图1所示,为本申请实施例一所述的在计算机上展现网络应用程序(WebAPP)文档的方法流程图,该方法包括步骤:
步骤S100,移动终端中的网络套接字(WebSocket)服务组件与计算机中正在展现所述WebAPP文档的浏览器建立网络连接;
所述WebAPP文档中一般包含文档说明(可以包含文字和附图等)和可执行代码示例。移动终端中安装有嵌入式操作系统,计算机中安装有桌面操作系统,所述所述WebAPP文档中的可执行代码示例适于在嵌入式操作系统的环境下运行,但是不适于在桌面操作系统的环境下运行,现在的需求是希望使包括文档说明(可以包含文字和附图等)和可执行代码示例的整个所述WebAPP文档在计算机上运行;
这里需要在移动终端中植入WebSocket服务组件,计算机上的浏览器需要支持HTML5,这样WebApp在计算机的浏览器中打开,就能通过浏览器与WebSocket服务组件建立网络连接,并基于WebSocket协议进行双向通信。
步骤S102,所述WebSocket服务组件接收所述浏览器发来的所述WebApp文档中的可执行代码示例,并在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例;
在所述WebSocket服务组件接收到所述浏览器发来的所述WebApp文档中的可执行代码示例后,通过调用WebOS标准库函数对用于承载所述WebApp的运行环境的WebApp容器进行初始化,并在所述WebApp容器中运行所述可执行代码示例;
步骤S104,所述WebSocket服务组件监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据;
步骤S106,所述WebSocket服务组件将所述显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据。
针对步骤S100来说,网络连接的建立包括两个层次的操作,其一是建立网络链路,其二是从网络协议层面建立双向通信连接,如图2所示,为步骤S100中的细部操作,还包括:
步骤S1002,所述移动终端与计算机建立网络链路;
这种接入方式有两种:
1)所述移动终端通过外部总线方式与计算机连接从而接入所述计算机的局域网,建立网络链路;
2)所述移动终端通过无线方式接入所述计算机的局域网从而建立网络链路。
步骤S1004,通过所述计算机中的浏览器展现所述WebApp文档时,所述移动终端中的WebSocket服务组件接收到所述浏览器通过所述网络链路发来的基于WebSocket协议的网络连接请求;
步骤S1006,所述WebSocket服务组件通过所述网络链路向所述浏览器发出响应从而所述WebSocket服务组件与所述浏览器建立并保持基于WebSocket协议的支持双向通信的网络连接。
针对步骤S104~S106来说,技术实现的关键是要能把移动终端的显示数据转化为可传输的数据,通过基于WebSocket协议的网络连接传送给计算机的浏览器。而移动终端的嵌入式操作系统一般都有专门的文件句柄来输出显示数据,所以只要监听这些文件句柄就可以获取到显示数据。如图3所示,为步骤S104~S106中的细部操作,还包括:
步骤S1042,在所述WebApp容器组件中所述可执行代码示例的运行过程中,所述WebSocket服务组件监听所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄;
嵌入式操作系统一般将某一资源(如文件、设备、网络等)标识为文件符号,这个文件符号就是文件句柄,文件句柄可以用来读写所述资源的具体数据;
步骤S1044,所述WebSocket服务组件将实时监听到的所述文件句柄对应的显示数据按照预设的刷新频率转化为图片编码格式的二进制数据;
步骤S1046,所述WebSocket服务组件将所述二进制数据传输至所述浏览器;
步骤S1048,所述浏览器展现所述WebApp文档中的文档说明的同时,按照所述刷新频率通过所述浏览器所打开页面中的img标签实时展现所述二进制数据。
以下以一应用实例来说明本申请,应用实例为举例描述,并不对本申请的方案作出限制。
移动终端例如可以为基于android(安卓)平台的手机,手机中植入WebSocket服务组件。计算机例如可以为安装有Windows8操作系统和支持HTML5的浏览器的台式电脑或者笔记本电脑,计算机需要与移动终端位于同一局域网覆盖的区域。现在希望用计算机的浏览器阅读一款android平台的WebApp的技术文档,这份技术文档中除了文档说明(可以包含文字和附图等)外,配合文档说明,还在相应的文档说明的位置带有很多的JSP代码示例以通过演示的方式帮助用户理解。
首先,用户操作手机通过无线网卡,以wifi(wireless fidelity,无线互连)方式加入计算机所在的局域网,从而移动终端与计算机建立网络链路。
用户操作Windows8操作系统的计算机,通过计算机的浏览器打开上述技术文档,浏览器通过网络链路向手机中的WebSocket服务组件发送基于WebSocket协议的网络连接请求。
手机中的WebSocket服务组件通过网络链路向计算机的浏览器发出响应,通过浏览器与WebSocket服务组件建立并保持基于WebSocket协议的支持双向通信的网络连接。
在计算机的浏览器中展现所述技术文档的文档说明的某个部分时,需要演示第一组JSP代码示例,浏览器首先将当前需要运行的第一组JSP代码示例通过网络链路发送给手机中的WebSocket服务组件。
手机中的WebSocket服务组件初始化适于第一组JSP代码示例运行的WebApp容器组件,并在WebApp容器中运行第一组JSP代码示例,所述WebSocket服务组件监听所述WebApp容器组件中第一组JSP代码示例的运行过程,运行过程中手机的android系统不断将运行过程中的图像通过文件句柄/dev/graphics/fb0输出到屏幕。
手机中的WebSocket服务组件监听文件句柄/dev/graphics/fb0,不断取回所述运行过程中输出的图像,并按照一定的刷新频率把图像转化为png(Portable NetworkGraphic Format,可移植网络图形格式)图片,然后利用WebSocket协议本身具有的传送二进制数据的能力,把png图片通过网络链路传输给计算机的浏览器。
在计算机上,浏览器在当前展现的所述技术文档的文档说明中与第一组JSP代码示例相应的部分,按照预定的刷新频率通过所打开页面的HTML代码中的img标签来实时展现WebApp运行的图像变化。
如图4所示,为本申请实施例二所述的用于支持在计算机上展现网络应用程序(WebAPP)文档的移动终端的结构示意图。
所述WebAPP文档中一般包含文档说明(可以包含文字和附图等)和可执行代码示例。移动终端中安装有嵌入式操作系统,计算机中安装有桌面操作系统,所述所述WebAPP文档中的可执行代码示例适于在嵌入式操作系统的环境下运行,但是不适于在桌面操作系统的环境下运行,现在的需求是希望使包括文档说明(可以包含文字和附图等)和可执行代码示例的整个所述WebAPP文档在计算机上运行。
所述移动终端1与计算机2相耦接。所述移动终端1,包括:网络套接字(WebSocket)服务组件10和WebApp容器组件12,其中,
所述WebSocket服务组件10,用于与所述计算机2中正在展现所述WebAPP文档的浏览器建立网络连接,接收所述浏览器发来的所述WebApp文档中的可执行代码示例,建立WebApp容器组件12并控制所述可执行代码示例在所述WebApp容器组件12中运行;还用于监听所述WebApp容器组件12中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据;
所述WebApp容器组件12,用于提供运行所述WebApp文档中的可执行代码示例的运行环境。
如图5所示,为基于图4的另一种移动终端的结构示意图。所述移动终端1,包括:网络套接字(WebSocket)服务组件10、WebApp容器组件12和链路建立组件14,其中,WebSocket服务组件10和WebApp容器组件12的功能和连接关系如图4的实施例中所述,不再赘述。
所述链路建立组件14,用于与所述计算机2建立网络链路。具体来说,用于通过外部总线方式与所述计算机2连接从而接入所述计算机2的局域网,或者,通过无线方式接入所述计算机2的局域网从而建立网络链路。网络链路的建立,是WebSocket服务组件10可以与计算机2的浏览器进行基于WebSocket协议的双向通信的基础。
如图6所示,为图4和5中WebSocket服务组件的结构示意图。所述WebSocket服务组件10,进一步包括:网络连接模块100、模拟运行模块102和监听输出模块104,其中,
网络连接模块100,用于用于在通过所述计算机2中的浏览器展现所述WebApp文档时,接收所述浏览器通过所述网络链路发来的基于WebSocket协议的网络连接请求,通过所述网络链路向所述浏览器发出响应从而所述使所述WebSocket服务组件10与所述浏览器建立并保持基于WebSocket协议的支持双向通信的网络连接。
模拟运行模块102,用于用于在接收到所述浏览器发来的所述WebApp文档中的可执行代码示例后,通过调用WebOS标准库函数对用于承载所述WebApp的运行环境的WebApp容器12进行初始化,并在所述WebApp容器12中运行所述可执行代码示例。
监听输出模块104,用于在所述WebApp容器组件12中所述可执行代码示例的运行过程中,监听所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄,将实时监听到的所述文件句柄对应的显示数据按照预设的刷新频率转化为图片编码格式的二进制数据,将所述二进制数据传输至所述浏览器从而使所述浏览器展现所述WebApp文档中的文档说明的同时,按照所述刷新频率通过所述浏览器所打开页面中的img标签实时展现所述二进制数据。
需要说明的是,网络连接模块100、模拟运行模块102和监听输出模块104的功能组成了所述WebSocket服务组件10的功能,但是所述WebSocket服务组件10中的模块结构并不限于此,具有上述WebSocket服务组件10的功能的其他模块结构也可以实现本申请。
如图7所示,为本申请实施例三所述的支持在计算机上展现网络应用程序(WebAPP)文档的浏览器的结构示意图。
所述WebAPP文档中一般包含文档说明(可以包含文字和附图等)和可执行代码示例。移动终端中安装有嵌入式操作系统,计算机中安装有桌面操作系统,所述所述WebAPP文档中的可执行代码示例适于在嵌入式操作系统的环境下运行,但是不适于在桌面操作系统的环境下运行,现在的需求是希望使包括文档说明(可以包含文字和附图等)和可执行代码示例的整个所述WebAPP文档在计算机上运行。
所述移动终端1与计算机2相耦接。所述浏览器20包括:网络连接组件200、发送接收组件202和数据展现组件204,其中,
所述网络连接组件200,用于在展现所述WebAPP文档时,与所述移动终端1中的网络套接字(WebSocket)服务组件10建立网络连接;
所述发送接收组件202,用于将所述WebApp文档中的可执行代码示例发送给所述WebSocket服务组件10从而在所述WebSocket服务组件10建立的WebApp容器组件中运行所述可执行代码示例;还用于接收所述WebSocket服务组件10传输来的所述可执行代码示例的运行过程中的显示数据;
所述数据展现组件204,用于展现所述可执行代码示例的运行过程中的显示数据。
所述移动终端1的功能和结构参考图4-6的实施例。
具体来说,所述网络连接组件200,进一步用于在展现所述WebApp文档后,向所述移动终端1中的WebSocket服务组件10发出基于WebSocket协议的网络连接请求,接收所述WebSocket服务组件10发出的响应从而使所述浏览器20与所述WebSocket服务组件10建立并保持基于WebSocket协议的支持双向通信的网络连接。
所述发送接收组件202,进一步用于接收所述WebSocket服务组件10传输来的二进制数据,其中,将在所述WebApp容器组件12中所述可执行代码示例的运行过程中所述WebSocket服务组件10实时监听到的所述移动终端1的嵌入式操作系统中用于输出显示数据的文件句柄所对应的显示数据,按照预设的刷新频率转化为图片编码格式的二进制数据。
所述数据展现组件204,进一步用于展现所述WebApp文档中的文档说明的同时,通过所打开页面中的img标签展现实时的图片编码格式的二进制数据,并按照所述刷新频率实时更新所述二进制数据。
如图8所示,为本申请实施例四所述的支持网络应用程序(WebAPP)运行在计算机上的系统的架构示意图。所述系统,包括:安装有桌面操作系统的计算机2以及安装有嵌入式操作系统的移动终端1,所述移动终端1与计算机2相耦接。移动终端1中植入WebSocket服务组件10或预置有WebSocket服务组件10。计算机2中安装有支持HTML5的浏览器20或预置有支持HTML5的浏览器20。
计算机2中的浏览器20,用于在展现所述WebAPP文档时,与所述移动终端1中的网络套接字(WebSocket)服务组件10建立网络连接;将所述WebApp文档中的可执行代码示例发送给所述WebSocket服务组件10;还用于接收所述WebSocket服务组件10传输来的所述可执行代码示例的运行过程中的显示数据并展现;
移动终端1的WebSocket服务组件10,用于与所述计算机2中正在展现所述WebAPP文档的浏览器20建立网络连接,接收所述浏览器20发来的所述WebApp文档中的可执行代码示例,建立WebApp容器组件12并控制所述可执行代码示例在所述WebApp容器组件12中运行;还用于监听所述WebApp容器组件12中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据传输至所述浏览器20从而在所述浏览器20上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据;
所述WebApp容器组件12,用于提供运行所述WebApp文档中的可执行代码示例的运行环境。
所述移动终端1的功能和结构参考图4-6的实施例。计算机2中的浏览器20的功能和结构参考图7的实施例。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。

Claims (18)

1.一种在计算机上展现网络应用程序WebAPP文档的方法,其特征在于,包括:
安装有嵌入式操作系统的移动终端中的网络套接字WebSocket服务组件与安装有桌面操作系统的计算机中正在展现所述WebAPP文档的浏览器建立网络连接;
所述WebSocket服务组件接收所述浏览器发来的所述WebApp文档中的可执行代码示例,并在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例;
所述WebSocket服务组件监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据;
所述WebSocket服务组件将所述显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据。
2.如权利要求1所述的方法,其特征在于,安装有嵌入式操作系统的移动终端中的网络套接字WebSocket服务组件与安装有桌面操作系统的计算机中正在展现所述WebAPP文档的浏览器建立网络连接的步骤,进一步包括:
所述移动终端与计算机建立网络链路;
通过所述计算机中的浏览器展现所述WebApp文档时,所述移动终端中的WebSocket服务组件接收到所述浏览器通过所述网络链路发来的基于WebSocket协议的网络连接请求;
所述WebSocket服务组件通过所述网络链路向所述浏览器发出响应从而所述WebSocket服务组件与所述浏览器建立并保持基于WebSocket协议的支持双向通信的网络连接。
3.如权利要求2所述的方法,其特征在于,所述移动终端与计算机建立网络链路的步骤,进一步包括:
所述移动终端通过外部总线方式与计算机连接从而接入所述计算机的局域网,建立网络链路,或者,
所述移动终端通过无线方式接入所述计算机的局域网从而建立网络链路。
4.如权利要求1所述的方法,其特征在于,在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例的步骤,进一步包括:
在所述WebSocket服务组件接收到所述浏览器发来的所述WebApp文档中的可执行代码示例后,通过调用WebOS标准库函数对用于承载所述WebApp的运行环境的WebApp容器组件进行初始化,并在所述WebApp容器组件中运行所述可执行代码示例。
5.如权利要求1所述的方法,其特征在于,所述WebSocket服务组件监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据的步骤,进一步包括:
在所述WebApp容器组件中所述可执行代码示例的运行过程中,所述WebSocket服务组件监听所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄;
所述WebSocket服务组件将实时监听到的所述文件句柄对应的显示数据按照预设的刷新频率转化为图片编码格式的二进制数据。
6.如权利要求5所述的方法,其特征在于,所述WebSocket服务组件将所述显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据的步骤,进一步包括:
所述WebSocket服务组件将所述二进制数据传输至所述浏览器从而使所述浏览器展现所述WebApp文档中的文档说明的同时,按照所述刷新频率通过所述浏览器所打开页面中的img标签实时展现所述二进制数据。
7.如权利要求1-6中任一项所述的方法,其特征在于,
所述移动终端,包括以下一个或多个的组合:位于本地的手机、平板电脑、销售点情报管理系统POS、车载电脑。
8.一种用于支持在计算机上展现网络应用程序WebAPP文档的移动终端,安装有嵌入式操作系统的所述移动终端与安装有桌面操作系统的计算机相耦接,其特征在于,所述移动终端,包括:网络套接字WebSocket服务组件和WebApp容器组件,其中,
所述WebSocket服务组件,用于与所述计算机中正在展现所述WebAPP文档的浏览器建立网络连接,接收所述浏览器发来的所述WebApp文档中的可执行代码示例,建立WebApp容器组件并控制所述可执行代码示例在所述WebApp容器组件中运行;还用于监听所述WebApp容器组件中所述可执行代码示例的运行过程,并不断取回所述运行过程中的显示数据传输至所述浏览器从而在所述浏览器上展现所述WebApp文档中的文档说明的同时配合展现所述显示数据;
所述WebApp容器组件,用于提供运行所述WebApp文档中的可执行代码示例的运行环境。
9.如权利要求8所述的移动终端,其特征在于,还包括:链路建立组件,其中,
所述链路建立组件,用于与所述计算机建立网络链路;
所述WebSocket服务组件,进一步用于在通过所述计算机中的浏览器展现所述WebApp文档时,接收所述浏览器通过所述网络链路发来的基于WebSocket协议的网络连接请求,通过所述网络链路向所述浏览器发出响应从而所述WebSocket服务组件与所述浏览器建立并保持基于WebSocket协议的支持双向通信的网络连接。
10.如权利要求9所述的移动终端,其特征在于,
所述链路建立组件,进一步用于通过外部总线方式与所述计算机连接从而接入所述计算机的局域网,或者,通过无线方式接入所述计算机的局域网从而建立网络链路。
11.如权利要求8所述的移动终端,其特征在于,
所述WebSocket服务组件,进一步用于在接收到所述浏览器发来的所述WebApp文档中的可执行代码示例后,通过调用WebOS标准库函数对用于承载所述WebApp的运行环境的WebApp容器组件进行初始化,并在所述WebApp容器组件中运行所述可执行代码示例。
12.如权利要求8所述的移动终端,其特征在于,
所述WebSocket服务组件,进一步用于在所述WebApp容器组件中所述可执行代码示例的运行过程中,监听所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄,将实时监听到的所述文件句柄对应的显示数据按照预设的刷新频率转化为图片编码格式的二进制数据,将所述二进制数据传输至所述浏览器从而使所述浏览器展现所述WebApp文档中的文档说明的同时,按照所述刷新频率通过所述浏览器所打开页面中的img标签实时展现所述二进制数据。
13.如权利要求8所述的移动终端,其特征在于,
所述移动终端,包括以下一个或多个的组合:位于本地的手机、平板电脑、销售点情报管理系统POS、车载电脑。
14.一种支持在计算机上展现网络应用程序WebAPP文档的浏览器,所述浏览器位于安装有桌面操作系统的计算机上,所述计算机与安装有嵌入式操作系统的移动终端相耦接,其特征在于,所述浏览器,包括:网络连接组件、发送接收组件和数据展现组件,其中,
所述网络连接组件,用于在展现所述WebAPP文档时,与所述移动终端中的网络套接字WebSocket服务组件建立网络连接;
所述发送接收组件,用于将所述WebApp文档中的可执行代码示例发送给所述WebSocket服务组件从而在所述WebSocket服务组件建立的WebApp容器组件中运行所述可执行代码示例;还用于接收所述WebSocket服务组件传输来的所述可执行代码示例的运行过程中的显示数据;
所述数据展现组件,用于展现所述可执行代码示例的运行过程中的显示数据。
15.如权利要求14所述的浏览器,其特征在于,
所述网络连接组件,进一步用于在展现所述WebApp文档后,向所述移动终端中的WebSocket服务组件发出基于WebSocket协议的网络连接请求,接收所述WebSocket服务组件发出的响应从而使所述浏览器与所述WebSocket服务组件建立并保持基于WebSocket协议的支持双向通信的网络连接。
16.如权利要求14所述的浏览器,其特征在于,
所述发送接收组件,进一步用于接收所述WebSocket服务组件传输来的二进制数据,其中,所述WebSocket服务组件将在所述WebApp容器组件中所述可执行代码示例的运行过程中所述WebSocket服务组件实时监听到的所述移动终端的嵌入式操作系统中用于输出显示数据的文件句柄所对应的显示数据,按照预设的刷新频率转化为图片编码格式的二进制数据。
17.如权利要求16所述的浏览器,其特征在于,
所述数据展现组件,进一步用于展现所述WebApp文档中的文档说明的同时,通过所打开页面中的img标签展现实时的图片编码格式的二进制数据,并按照所述刷新频率实时更新所述二进制数据。
18.一种在计算机上展现网络应用程序WebAPP文档的系统,其特征在于,包括:安装有浏览器和桌面操作系统的计算机以及安装有嵌入式操作系统的移动终端,所述移动终端与计算机相耦接,其中,
所述浏览器,包括如权利要求14-17中任一项所述的浏览器;
所述移动终端,包括如权利要求8-13中任一项所述的移动终端。
CN201310364923.0A 2013-08-20 2013-08-20 展现网络应用程序文档的方法、移动终端、浏览器及系统 Active CN104426921B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201310364923.0A CN104426921B (zh) 2013-08-20 2013-08-20 展现网络应用程序文档的方法、移动终端、浏览器及系统
HK15105357.9A HK1205378A1 (zh) 2013-08-20 2015-06-05 展現網絡應用程序文檔的方法、移動終端、瀏覽器及系統

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310364923.0A CN104426921B (zh) 2013-08-20 2013-08-20 展现网络应用程序文档的方法、移动终端、浏览器及系统

Publications (2)

Publication Number Publication Date
CN104426921A CN104426921A (zh) 2015-03-18
CN104426921B true CN104426921B (zh) 2018-04-10

Family

ID=52974855

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310364923.0A Active CN104426921B (zh) 2013-08-20 2013-08-20 展现网络应用程序文档的方法、移动终端、浏览器及系统

Country Status (2)

Country Link
CN (1) CN104426921B (zh)
HK (1) HK1205378A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106686037B (zh) * 2015-11-09 2020-10-16 阿里巴巴(中国)有限公司 页面检测方法、装置、设备及系统
CN108733991B (zh) * 2017-04-19 2021-04-06 腾讯科技(深圳)有限公司 网页应用访问方法及装置、存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101222761A (zh) * 2006-07-26 2008-07-16 三星电子株式会社 用于启用网络操作系统的用户设备的传递应用的方法
CN101741882A (zh) * 2008-11-27 2010-06-16 Tcl集团股份有限公司 一种面向ce设备的互联网门户服务系统及方法
CN102707970A (zh) * 2012-04-26 2012-10-03 武汉无懈科技有限责任公司 手机应用程序在计算机类终端上的显示与启动方法
CN102833350A (zh) * 2012-09-11 2012-12-19 优视科技有限公司 WebApp更新的处理方法和处理装置
CN102843393A (zh) * 2011-06-22 2012-12-26 腾讯科技(深圳)有限公司 网络应用的运行装置及方法
CN103209203A (zh) * 2012-01-16 2013-07-17 北京磊友信息科技有限公司 一种跨平台提供应用的方法以及客户端

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8355709B2 (en) * 2006-10-23 2013-01-15 Qualcomm Incorporated Device that determines whether to launch an application locally or remotely as a webapp

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101222761A (zh) * 2006-07-26 2008-07-16 三星电子株式会社 用于启用网络操作系统的用户设备的传递应用的方法
CN101741882A (zh) * 2008-11-27 2010-06-16 Tcl集团股份有限公司 一种面向ce设备的互联网门户服务系统及方法
CN102843393A (zh) * 2011-06-22 2012-12-26 腾讯科技(深圳)有限公司 网络应用的运行装置及方法
CN103209203A (zh) * 2012-01-16 2013-07-17 北京磊友信息科技有限公司 一种跨平台提供应用的方法以及客户端
CN102707970A (zh) * 2012-04-26 2012-10-03 武汉无懈科技有限责任公司 手机应用程序在计算机类终端上的显示与启动方法
CN102833350A (zh) * 2012-09-11 2012-12-19 优视科技有限公司 WebApp更新的处理方法和处理装置

Also Published As

Publication number Publication date
CN104426921A (zh) 2015-03-18
HK1205378A1 (zh) 2015-12-11

Similar Documents

Publication Publication Date Title
CN102057654B (zh) 移动装置的应用程序框架
CN104572042B (zh) 移动终端设备的跨平台中间件装置及其实现方法
TWI502367B (zh) 使用Javascript及HTML5在裝置間串流元資料的方法與設備
CN111158818A (zh) 一种页面渲染方法和装置
CN111580879A (zh) 小程序的运行方法、装置、电子设备及计算机存储介质
US20120317233A1 (en) Mobile web app infrastructure
CN107122172B (zh) 轻应用的处理方法、运行方法、设备及应用设备
CN104995601B (zh) 切换到本机网页应用程序及从本机网页应用程序切换离开
CN105335132B (zh) 一种自定义应用程序功能的方法、装置以及系统
US9563449B2 (en) Mobilizing a web application to take advantage of a native device capability
CN104978358B (zh) 桌面展示网页片段的方法及截取网页片段至桌面展示系统
CN110554874A (zh) 用于复用SaaS平台网页组件的方法和装置
CN112286529A (zh) 前端页面的开发方法、装置、设备及存储介质
CN111198999B (zh) 一种网页端的图片加载方法、装置、介质和电子设备
CN103514219A (zh) 一种在多个终端间分享Web内容的方法及系统
US20150089349A1 (en) Cross-platform document presentation
CN103209203A (zh) 一种跨平台提供应用的方法以及客户端
CN105302802A (zh) 图片上传方法、系统及浏览器
CN104426921B (zh) 展现网络应用程序文档的方法、移动终端、浏览器及系统
CN103942199A (zh) 一种获取网页中的图片信息的方法、装置和终端
CN111324347B (zh) 组件构造方法、装置、系统、页面生成方法、设备及介质
CN110618811B (zh) 信息呈现方法和装置
CN102904925A (zh) 一种基于三屏互动的跨平台widget中间件系统
CN111596823A (zh) 页面显示方法、装置和电子设备
CN113296762B (zh) 页面嵌入方法、装置、存储介质及电子设备

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1205378

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20201223

Address after: Room 603, 6 / F, Roche Plaza, 788 Cheung Sha Wan Road, Kowloon, China

Patentee after: Zebra smart travel network (Hong Kong) Limited

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.

TR01 Transfer of patent right