CN109299331A - Air展现超文本标记语言HTML5页面的方法及装置 - Google Patents

Air展现超文本标记语言HTML5页面的方法及装置 Download PDF

Info

Publication number
CN109299331A
CN109299331A CN201811406084.3A CN201811406084A CN109299331A CN 109299331 A CN109299331 A CN 109299331A CN 201811406084 A CN201811406084 A CN 201811406084A CN 109299331 A CN109299331 A CN 109299331A
Authority
CN
China
Prior art keywords
air
browser
page
window
objective browser
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.)
Granted
Application number
CN201811406084.3A
Other languages
English (en)
Other versions
CN109299331B (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.)
Bank of Communications Co Ltd
Original Assignee
Bank of Communications 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 Bank of Communications Co Ltd filed Critical Bank of Communications Co Ltd
Priority to CN201811406084.3A priority Critical patent/CN109299331B/zh
Publication of CN109299331A publication Critical patent/CN109299331A/zh
Application granted granted Critical
Publication of CN109299331B publication Critical patent/CN109299331B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供了一种Air展现超文本标记语言HTML5页面的方法及装置，其中，该方法包括：接收Air展现HTML5页面请求；根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；根据所述创建指令，创建目标浏览器的页签窗口；根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。上述技术方案实现了Air展现H5页面，进而实现了H5页面与Air交易界面的数据通讯。

Description

Air展现超文本标记语言HTML5页面的方法及装置
技术领域
本发明涉及网页加载技术领域，特别涉及一种Air展现超文本标记语言HTML5页面的方法及装置。
背景技术
自从Adobe将Air移交给Apchae以后，Apache对Air的支持力度越来越低，导致Air技术越来越落后。另外随着Html5的越来越流行，Html5的社区活跃度和功能组件等也越来越丰富，对应的前端UI开发框架也越来越齐全，如：React.js，Vue.js，Angularjs等。考虑到现有交易和平台都是基于Air的AIR框架开发，因此如何实现Air展现H5页面是亟待解决的问题。
发明内容
本发明实施例提供了一种Air展现超文本标记语言HTML5页面的方法，用以实现Air展现HTML5页面，该方法包括：
接收Air展现HTML5页面请求；
根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；
根据所述创建指令，创建目标浏览器的页签窗口；
根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。
本发明实施例还提供了一种Air展现超文本标记语言HTML5页面的装置，用以实现Air展现HTML5页面，该装置包括：
接收单元，用于接收Air展现HTML5页面请求；
发送单元，用于根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；
页签窗口创建单元，用于根据所述创建指令，创建目标浏览器的页签窗口；
HTML5页面展现单元，用于根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。
本发明实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述实现Air展现超文本标记语言HTML5页面的方法。
本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有执行实现Air展现超文本标记语言HTML5页面的方法的计算机程序。
本发明实施例提供的技术方案，通过预先建立Air平台与目标浏览器之间的Socket路径，即将预先开发的支持HTML5特性的目标浏览器与Air平台关联，因此，在接收到Air展现HTML5页面请求时，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令，根据该创建指令，创建目标浏览器的页签窗口；根据用户登录Air平台的token信息，从该页签窗口展现HTML5页面，实现了Air展现H5页面，进而实现了原有的Air开发的交易页面能和H5开发的交易页面进行数据通讯。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，并不构成对本发明的限定。在附图中：
图1是本发明实施例中Air展现超文本标记语言HTML5页面方法的流程示意图；
图2是本发明实施例中Air展现HTML5页面的方法的原理示意图；
图3是本发明实施例中Air展现超文本标记语言HTML5页面装置的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白，下面结合实施方式和附图，对本发明做进一步详细说明。在此，本发明的示意性实施方式及其说明用于解释本发明，但并不作为对本发明的限定。
在介绍本发明实施例之前，首先对本发明实施例涉及的技术名称进行介绍如下。
一、缩略语：
GUIP：通用业务处理平台(General User Interface Portal)；
AIR：Adobe集成运行环境(Adobe Integrated Runtime)；
HTML：超文本标记语言(HyperText Markup Language)；
HTML5：HTML最新的版本；
CSS：层叠样式表(Cascading Style Sheets)；
CSS3：css最新的版本；
CEF：Chromium嵌入式框架(Chromium Embedded Framework)；
ANE：Adobe本机扩展(Adobe Native Extension)；
IE：微软的网页浏览器(Internet Explorer)；
RIA：富互联网程序(Rich Internet Applications)；
AS:一种脚本语言(ActionScript)；
AS3.0：ActionScript最新的版本；
JS：一种脚本语言(JavaScript)。
二、关键术语：
Socket：网络上两个程序通过一个双向的通讯实现数据的交换，连接的一端称为一个socket，服务端的Socket称为ServerSocket；
CefLoader：一个独立的AIR程序，内部通过ANE的方式加载CEF窗口；
WebSocket：基于TCP的一种新的网络协议，实现了浏览器和服务器双向通讯；
Webkit：是一个开源的浏览器引擎；
Chromium：是Google开发的开源浏览器；
Safari：苹果计算机操作系统浏览器；
React.js：FaceBook开源的前端UI开发框架；
Vue.js：个人开发源的前端开发框架；
Angular.js：Google开源的前端开发框架；
Canvas：HTML5新增的绘图标签；
Transform：CSS3新增的变换属性；
Transition：CSS3新增的过度属性；
Token：存储用户信息的请求头字段。
三、涉及技术：
Flex：Adobe RIA程序UI开发框架；
ActionScript：Adobe开发Flash产品的脚本语言，是一种完全的面向对象的编程语言；
AIR：Adobe RIA程序本地开发框架，视图层技术依赖Flex，脚本层技术依赖ActionScript；
C#：微软公司发布的一种面向对象的、运行与.NET Framework之上的高级程序设计语言；
Socket：基于TCP/IP的双向通讯技术，通常也称套接字；
ServerSocket：服务器端的Socket；
HTML/CSS：超文本标记语言和层叠样式表，用于开发浏览器可识别和解析的在线浏览页面；
ANE：ActionScript调用C++语言开发的开放接口，支持强对象类型传递，为AdobeAIR增加本机扩展能力；
C++：继承C语言，是一种比较底层的技术语言；
CRL：公共语言运行时支持，C++调用由C#语言开发的开放接口技术；
NativeProcess：Adobe Air本机进程管理器。
发明人发现：现有方案主要包括以下两种：
方案一：采用Air提供的HTML浏览器组件。该方案中Air提供的HTML浏览器组件是基于safari 5.0.3版本的Webkit内核，不支持很多HTML5的新增特性，如：Canvas，CSS3的transition和transform属性等。
方案二：在Air中弹出方式调用本机默认浏览器。该方案严重依赖用户的行为，如果用户设置的默认浏览器不支持HTML5新特性(如：IE8)，将会导致程序异常。依赖用户行为的方案不确定性太大，导致后期风险和维护成本较高。
因此，考虑到上述技术问题，发明人提出了一种基于CEF技术的Air展现超文本标记语言HTML5页面方案，该方案解决了AIR中集成HTML5开发的前端页面，打开的HTML5页面与原有Air开发的交易页面进行通讯的问题。该方案：先开发基于C#语言的本机浏览器项目，目标浏览器项目可以在Win7和XP系统中运行，并支持HTML5新特性。然后，开发ANE中间件将浏览器和AIR项目关联，AIR在关联浏览器项目前启动一个WebScoket本地服务，并将服务端口传给目标浏览器，后续目标浏览器与AIR的数据通讯采用Socket方式。下面对该Air展现超文本标记语言HTML5页面方案进行详细介绍如下。
图1是本发明实施例中Air展现超文本标记语言HTML5页面的方法的流程示意图，如图1所示，该方法包括如下步骤：
步骤101：接收Air展现HTML5页面请求；
步骤102：根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；
步骤103：根据所述创建指令，创建目标浏览器的页签窗口；
步骤104：根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。
本发明实施例提供的技术方案，通过预先建立Air平台与目标浏览器之间的Socket路径，即将预先开发的支持HTML5特性的目标浏览器与Air平台关联，因此，在接收到Air展现HTML5页面请求时，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令，根据该创建指令，创建目标浏览器的页签窗口；根据用户登录Air平台的token信息，从该页签窗口展现HTML5页面，实现了Air展现H5页面，进而实现了原有的Air开发的交易页面能和H5开发的交易页面进行数据通讯，提高了Air客户端的展现能力。
下面再结合图2，对上述本发明实施例涉及的各个步骤进行详细介绍如下。
一、首先，介绍Air启动的过程，该过程即为预先建立Air平台与目标浏览器之间的Socket路径的过程。
具体实施时，本发明实施例提到的Air平台(Air客户端)可以是指上文提到的在Adobe集成运行环境下的通用业务处理平台GUIP。
在一个实例中，如图2所示，可以按照如下方法预先建立Air平台与目标浏览器之间的Socket路径：
用户登录Air平台时，生成token信息以及创建服务器端口ServerSocket；
Air平台通过本机程序启动目标浏览器加载单元，将所述token信息和ServerSocket信息传输至所述目标浏览器加载单元；
目标浏览器加载单元通过ANE方式，将所述token信息和ServerSocket信息传输至目标浏览器创建单元；创建加载Socket端口连接至所述ServerSocket，加载Socket端口与ServerSocket之间为第一Socket路径1；所述第一Socket路径1用于发送所述页签窗口创建指令；
目标浏览器创建单元创建浏览器端口WebSocket连接至所述ServerSocket，WebSocket与ServerSocket之间为第二Socket路径2；所述第二Socket路径2用于HTML5页面与Air平台的数据通讯。
具体实施时，GUIP主程序启动后，首先自动创建服务器端口ServerSocket，ServerSocket创建成功后，通过NativeProcess的方式启动一个CEFLoaderAir程序(图2中的CEF加载程序，即目标浏览器加载单元)，并将token和ServerSocket的端口信息传递给CEF加载程序，CEFLoaderAir程序通过ANE的方式启动GuipCefForm程序(目标浏览器创建单元，注：GuipCefForm与CEFLoaderAir可以共用一个进程)，CEF加载程序(CEFLoaderAir)和目标浏览器创建单元(GuipCefForm)启动后各自会启动一个socket连接到ServerSocket，即加载Socket端口(在图2中的CEF加载程序端)与ServerSocket(在图2中的通用业务处理平台端，即Air平台或Air客户端)之间为第一Socket路径1，WebSocket(在图2中的目标浏览器端)与ServerSocket之间为第二Socket路径2，进而完成程序的初始化，完成程序启动的所有工作。
二、其次，介绍上述步骤101。
具体实施时，接收Air展现HTML5页面请求可以通过用户点击GUIP菜单的方式。
三、接着，介绍上述步骤102。
在一个实施例中，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令，可以包括：
判断待展现页面的类型；
在确定待展现页面的类型为HTML5页面时，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令。
具体实施时，在接收到Air展现HTML5页面请求时，GUIP内部根据菜单对应功能码配置的打开方式(每个页面对应一个功能码，每个功能码在后台有对应的配置，功能码配置中有一项是打开方式(OpenMode)配置，例如支持：Flex打开(OpenMode＝1)，内嵌浏览器打开(OpenMode＝6))自动校验要加载的页面是Flex页面还是H5页面，如果是H5页面，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令，判断页面的类型后进行后续页面展现，提高了Air展现页面的灵活性。
四、接着，介绍上述步骤103和104。该两个步骤包括窗口创建、控制及展现的过程。
在一个实施例中，在根据所述创建指令，创建目标浏览器的页签窗口之后，还可以包括：
通过Window操作系统底层的Win32.dll提供的接口，将所述页签窗口设置成Air平台的子窗口；
通过Window操作系统底层的Win32.dll提供的接口，控制所述页签窗口在Air平台中显示的坐标位置。
具体实施时，上述设置子窗口及控制页签窗口的显示位置，提高了页面展现的质量和灵活性，提高了用户体验。
具体实施时，若根据上述页面类型判断，确定待展现页面的类型是H5页面，GUIP通过ANE创建浏览器页签窗口，并通过Window操作系统底层的Win32.dll提供的接口，将浏览器页签窗口设置成GUIP的子窗口，并控制浏览器页签窗口在GUIP中的显示位置，浏览器页签窗口创建完成后开始加载对应的网页，进而完成窗口展示和网页加载功能。
具体实施时，每个打开的浏览器页面都是一个独立窗口。GUIP通过Socket(第一Socket路径)发送指令给CEFLoaderAir程序(目标浏览器加载单元)，CEFLoaderAir程序通过ANE调用GuipCefForm(目标浏览器创建单元)创建一个浏览器窗口，创建窗口的同时执行两个操作：Execute Asyn JavaScript和Register JS Object。
Execute Asyn JavaScript操作：执行JS脚本动态绘制界面相关提示信息；
Register JS Object操作：注入顶层JS对象(即向window注入属性和属性值，例如模块属性：guipModule，开发可以在页面通过window.guipModule.moduleId的方式调用模块的moduleId的属性值)，开发JS调用接口。
JS接口调用：JS通过Resigter JS Object调用GuipCefForm接口，GuipCefForm程序通过Sokcet调用GUIP的接口，进而完成JS调用GUIP接口，进而实现了H5页面与Air交易界面的通讯。
具体实施时，在上述步骤104中，从浏览器页签窗口加载各应用系统网页无需重复登录，网页内的所有请求都将在请求头中追加token信息，token信息内包含用户成功登录标识。由各应用系统后台解密token并获取登录标识，进而可以实现用户单点登录。
基于同一发明构思，本发明实施例中还提供了一种Air展现超文本标记语言HTML5页面的装置，如下面的实施例。由于Air展现超文本标记语言HTML5页面的装置解决问题的原理与上述Air展现超文本标记语言HTML5页面的方法相似，因此Air展现超文本标记语言HTML5页面的装置的实施可以参考上述Air展现超文本标记语言HTML5页面的方法的实施，重复之处不再赘述。以下所使用的，术语“模块”或者“单元”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。
图3是本发明实施例中Air展现超文本标记语言HTML5页面装置的结构示意图，如图3所示，该装置可以包括：
接收单元02，用于接收Air展现HTML5页面请求；
发送单元04，用于根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；
页签窗口创建单元06，用于根据所述创建指令，创建目标浏览器的页签窗口；
HTML5页面展现单元08，用于根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。
在一个实施例中，所述发送单元具体用于：
判断待展现页面的类型；
在确定待展现页面的类型为HTML5页面时，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令。
在一个实施例中，可以按照如下方法预先建立Air平台与目标浏览器之间的Socket路径：
用户登录Air平台时，生成token信息以及创建服务器端口ServerSocket；
Air平台通过本机程序启动目标浏览器加载单元，将所述token信息和ServerSocket信息传输至所述目标浏览器加载单元；
目标浏览器加载单元通过ANE方式，将所述token信息和ServerSocket信息传输至目标浏览器创建单元；创建加载Socket端口连接至所述ServerSocket，加载Socket端口与ServerSocket之间为第一Socket路径；所述第一Socket路径用于发送所述页签窗口创建指令；
目标浏览器创建单元创建浏览器端口WebSocket连接至所述ServerSocket，WebSocket与ServerSocket之间为第二Socket路径；所述第二Socket路径用于HTML5页面与Air平台的数据通讯。
在一个实施例中上述Air展现超文本标记语言HTML5页面的装置还可以包括：页签窗口操控单元；所述页签窗口操控单元用于：
通过Window操作系统底层的Win32.dll提供的接口，将所述页签窗口设置成Air平台的子窗口；
通过Window操作系统底层的Win32.dll提供的接口，控制所述页签窗口在Air平台中显示的坐标位置。
下面再举一例子，以说明本发明如何实施。
通用业务处理平台通过内嵌浏览器加载内部邮箱系统：
使用内嵌浏览器(目标浏览器)加载H5网页主要流程分为三个部分：启动GUIP、加载网页和单点登录(数据交互)。下面对这三个部分进行详细介绍。
1.启动GUIP：用户先登录GUIP->生成单点登录token->初始化内嵌浏览器->完成登录。
用户登录GUIP后，GUIP生成token信息并启动ServerSocket，ServerSocket启动成功后，通过本机程序启动CEF加载程序，并将token和ServerSocket的端口信息传递给CEF加载程序，CEF加载程序通过本机扩展加载浏览器，CEF加载程序(CEFLoaderAir)与浏览器(GuipCefForm，该程序的作用主要包括：1、创建Socket，可以由目标浏览器创建单元实现；2、创建目标浏览器的页签窗口，可以由页签窗口创建单元实现；3、创建与H5网页通讯的接口)是公用一个进程的两个不同程序。接着，CEF加载程序和浏览器启动后各自会启动一个socket连接到ServerSocket，进而完成程序的初始化。
2.加载网页：用户点击菜单->弹出浏览器窗口->将窗口嵌入到GUIP->加载网页。
用户点击GUIP的菜单，GUIP内部根据菜单的类型自动校验要加载的页面是Flex页面还是H5页面。如果是H5页面GUIP通过ANE创建浏览器页签窗口，并通过Window操作系统底层的Win32.dll提供的接口，将浏览器页签窗口设置成GUIP的子窗口，并控制浏览器页签窗口在GUIP中的显示位置，浏览器页签窗口创建完成后开始加载对应的网页，进而完成窗口展示和网页加载功能。
3.单点登录：网页内发起请求->内嵌浏览器拦截请求并追加请求头token->发送请求到后台应用服务器。
从浏览器页签窗口加载各应用系统网页无需重复登录，网页内的所有请求都将在请求头中追加token信息，token信息内包含用户成功登录标识。由各应用后台解密token并获取登录标识，进而实现用户单点登录。
通过上述可知，本发明实施例实现了：
1、通过CEF技术增强Air程序展现H5页面的功能。
2、通过CEF技术实现了浏览器版本的统一，避免了很多浏览器兼容性问题。
3、通过socket通讯，使得原有的Air开发的交易页面能和H5开发的交易页面进行数据通讯。
本发明实施例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述实现Air展现超文本标记语言HTML5页面的方法。
本发明实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有执行实现Air展现超文本标记语言HTML5页面的方法的计算机程序。
本发明实施提供的技术方案的有益技术效果为：让基于HTML5开发的页面与Air开发的程序整合成为可能，增强Air客户端的展现能力，并且通过Socket通讯方案，实现了原有的Air开发的交易页面与H5开发的交易页面之间的数据通讯。
显然，本领域的技术人员应该明白，上述的本发明实施例的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明实施例不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明实施例可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (10)

1.一种Air展现超文本标记语言HTML5页面的方法，其特征在于，包括：
接收Air展现HTML5页面请求；
根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；
根据所述创建指令，创建目标浏览器的页签窗口；
根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。
2.如权利要求1所述的Air展现超文本标记语言HTML5页面的方法，其特征在于，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令，包括：
判断待展现页面的类型；
在确定待展现页面的类型为HTML5页面时，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令。
3.如权利要求1所述的Air展现超文本标记语言HTML5页面的方法，其特征在于，按照如下方法预先建立Air平台与目标浏览器之间的Socket路径：
用户登录Air平台时，生成token信息以及创建服务器端口ServerSocket；
Air平台通过本机程序启动目标浏览器加载单元，将所述token信息和ServerSocket信息传输至所述目标浏览器加载单元；
目标浏览器加载单元通过ANE方式，将所述token信息和ServerSocket信息传输至目标浏览器创建单元；创建加载Socket端口连接至所述ServerSocket，加载Socket端口与ServerSocket之间为第一Socket路径；所述第一Socket路径用于发送所述页签窗口创建指令；
目标浏览器创建单元创建浏览器端口WebSocket连接至所述ServerSocket，WebSocket与ServerSocket之间为第二Socket路径；所述第二Socket路径用于HTML5页面与Air平台的数据通讯。
4.如权利要求1所述的Air展现超文本标记语言HTML5页面的方法，其特征在于，在根据所述创建指令，创建目标浏览器的页签窗口之后，还包括：
通过Window操作系统底层的Win32.dll提供的接口，将所述页签窗口设置成Air平台的子窗口；
通过Window操作系统底层的Win32.dll提供的接口，控制所述页签窗口在Air平台中显示的坐标位置。
5.一种Air展现超文本标记语言HTML5页面的装置，其特征在于，包括：
接收单元，用于接收Air展现HTML5页面请求；
发送单元，用于根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令；所述目标浏览器为支持HTML5特性的浏览器；
页签窗口创建单元，用于根据所述创建指令，创建目标浏览器的页签窗口；
HTML5页面展现单元，用于根据用户登录Air平台的token信息，从所述页签窗口展现HTML5页面。
6.如权利要求5所述的Air展现超文本标记语言HTML5页面的装置，其特征在于，所述发送单元具体用于：
判断待展现页面的类型；
在确定待展现页面的类型为HTML5页面时，根据预先建立的Air平台与目标浏览器之间的Socket路径，发送目标浏览器的页签窗口创建指令。
7.如权利要求5所述的Air展现超文本标记语言HTML5页面的装置，其特征在于，按照如下方法预先建立Air平台与目标浏览器之间的Socket路径：
用户登录Air平台时，生成token信息以及创建服务器端口ServerSocket；
Air平台通过本机程序启动目标浏览器加载单元，将所述token信息和ServerSocket信息传输至所述目标浏览器加载单元；
目标浏览器加载单元通过ANE方式，将所述token信息和ServerSocket信息传输至目标浏览器创建单元；创建加载Socket端口连接至所述ServerSocket，加载Socket端口与ServerSocket之间为第一Socket路径；所述第一Socket路径用于发送所述页签窗口创建指令；
目标浏览器创建单元创建浏览器端口WebSocket连接至所述ServerSocket，WebSocket与ServerSocket之间为第二Socket路径；所述第二Socket路径用于HTML5页面与Air平台的数据通讯。
8.如权利要求5所述的Air展现超文本标记语言HTML5页面的装置，其特征在于，还包括：页签窗口操控单元；所述页签窗口操控单元用于：
通过Window操作系统底层的Win32.dll提供的接口，将所述页签窗口设置成Air平台的子窗口；
通过Window操作系统底层的Win32.dll提供的接口，控制所述页签窗口在Air平台中显示的坐标位置。
9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至4任一所述方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有执行权利要求1至4任一所述方法的计算机程序。
CN201811406084.3A 2018-11-23 2018-11-23 Air展现超文本标记语言HTML5页面的方法及装置 Active CN109299331B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811406084.3A CN109299331B (zh) 2018-11-23 2018-11-23 Air展现超文本标记语言HTML5页面的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811406084.3A CN109299331B (zh) 2018-11-23 2018-11-23 Air展现超文本标记语言HTML5页面的方法及装置

Publications (2)

Publication Number Publication Date
CN109299331A true CN109299331A (zh) 2019-02-01
CN109299331B CN109299331B (zh) 2021-11-26

Family

ID=65144081

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811406084.3A Active CN109299331B (zh) 2018-11-23 2018-11-23 Air展现超文本标记语言HTML5页面的方法及装置

Country Status (1)

Country Link
CN (1) CN109299331B (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110213105A (zh) * 2019-06-06 2019-09-06 北京神舟航天软件技术有限公司 一种跨平台微应用创建方法
CN110990067A (zh) * 2019-11-29 2020-04-10 交通银行股份有限公司 一种基于cef的h5与金融机具硬件驱动的交互架构
CN112463121A (zh) * 2020-11-23 2021-03-09 西安西热电站信息技术有限公司 基于vue多页签应用系统中持久化外部页面状态的方法
CN113886738A (zh) * 2021-09-29 2022-01-04 中教云智数字科技有限公司 一种基于cef扩展自定义协议的方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130024364A1 (en) * 2011-02-22 2013-01-24 Abhinav Shrivastava Consumer transaction leash control apparatuses, methods and systems
CN103176986A (zh) * 2011-12-20 2013-06-26 上海博泰悦臻电子设备制造有限公司 Flash动画数据转换为HTML5数据的方法
CN103309660A (zh) * 2013-05-27 2013-09-18 北京尚友通达信息技术有限公司 移动应用跨平台开发方法
CN103412797A (zh) * 2013-08-27 2013-11-27 国家电网公司 一种电力运营监控中心大屏展示用控制系统

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130024364A1 (en) * 2011-02-22 2013-01-24 Abhinav Shrivastava Consumer transaction leash control apparatuses, methods and systems
CN103176986A (zh) * 2011-12-20 2013-06-26 上海博泰悦臻电子设备制造有限公司 Flash动画数据转换为HTML5数据的方法
CN103309660A (zh) * 2013-05-27 2013-09-18 北京尚友通达信息技术有限公司 移动应用跨平台开发方法
CN103412797A (zh) * 2013-08-27 2013-11-27 国家电网公司 一种电力运营监控中心大屏展示用控制系统

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
BDQLACCP: "AIR 2.5中的新HTML、HTML5、CSS和JavaScript特性", 《CSDN：HTTPS://BLOG.CSDN.NET/BDQLACCP/ARTICLE/DETAILS/6079197》 *
WINGLI笔记: "ADOBE AIR3对HTML5的支持", 《个人图书馆：HTTP://WWW.360DOC.COM/CONTENT/16/0220/18/7471983_536001419.SHTML》 *
青岛英谷教育科技股份有限公司 编著: "《HTML5程序设计及实践》", 31 January 2016 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110213105A (zh) * 2019-06-06 2019-09-06 北京神舟航天软件技术有限公司 一种跨平台微应用创建方法
CN110990067A (zh) * 2019-11-29 2020-04-10 交通银行股份有限公司 一种基于cef的h5与金融机具硬件驱动的交互架构
CN112463121A (zh) * 2020-11-23 2021-03-09 西安西热电站信息技术有限公司 基于vue多页签应用系统中持久化外部页面状态的方法
CN112463121B (zh) * 2020-11-23 2024-03-19 西安西热电站信息技术有限公司 基于vue多页签应用系统中持久化外部页面状态的方法
CN113886738A (zh) * 2021-09-29 2022-01-04 中教云智数字科技有限公司 一种基于cef扩展自定义协议的方法

Also Published As

Publication number Publication date
CN109299331B (zh) 2021-11-26

Similar Documents

Publication Publication Date Title
CN109299331A (zh) Air展现超文本标记语言HTML5页面的方法及装置
EP3011442B1 (en) Method and apparatus for customized software development kit (sdk) generation
CN104158836B (zh) 一种通过数据渲染移动应用界面的方法
KR100534816B1 (ko) 대화식하이퍼미디윰을작성하기위한방법및장치
US20070260702A1 (en) Web browser architecture for virtual machine access
US7933955B2 (en) One-click universal screen sharing
US9874990B2 (en) System and method of concurrent unobstructed co-browsing and chat messaging
US11729182B2 (en) Speculative rendering
CN111198998B (zh) 基于Ajax请求的网络页面加载方法、装置及系统
JP2009518724A (ja) ポータル・システム内で非同期ポータル・ページを提供するための方法、システム、およびコンピュータ・プログラム
US20140207863A1 (en) Communication between a web-based application and a desktop application
CN104967689B (zh) 一种数据处理方法和装置
CN111679826B (zh) 实时预览网页编辑内容的方法、装置、设备及存储介质
US11405403B2 (en) Method and device, and server and terminal for processing network resource access
CN105095220B (zh) 一种浏览器实现方法、终端和虚拟化代理装置
CN106790276A (zh) 一种基于浏览器协议的跨浏览器数据交互方法和装置
CN109194742B (zh) 一种虚拟机控制台的连接方法、装置及存储介质
CN114385124A (zh) 基于Vue框架的独立页面的跳转方法、装置及设备
US20120284630A1 (en) Window Proxy
KR20060054295A (ko) 상이한 플랫폼 상에서 폰트 사이즈를 유지하는 방법 및시스템
CN109327530A (zh) 一种信息处理方法、装置、电子设备和存储介质
US11784887B1 (en) Bandwidth throttling
CN112379933B (zh) 应用程序启动方法、装置、介质及电子设备
CN108959899A (zh) 一种基于React实现图片验证码生成及刷新的方法
CN115951884A (zh) 一种信息处理方法、装置及微前端架构系统

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
GR01 Patent grant
GR01 Patent grant