CN116521170A - 一种客户端原生应用的转化方法、装置、设备及介质 - Google Patents
一种客户端原生应用的转化方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN116521170A CN116521170A CN202310257595.8A CN202310257595A CN116521170A CN 116521170 A CN116521170 A CN 116521170A CN 202310257595 A CN202310257595 A CN 202310257595A CN 116521170 A CN116521170 A CN 116521170A
- Authority
- CN
- China
- Prior art keywords
- native
- code
- client
- webpage
- application
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 100
- 238000006243 chemical reaction Methods 0.000 title claims abstract description 26
- 238000011161 development Methods 0.000 claims abstract description 61
- 230000003068 static effect Effects 0.000 claims abstract description 17
- 238000004590 computer program Methods 0.000 claims description 16
- 238000004891 communication Methods 0.000 claims description 13
- 230000001131 transforming effect Effects 0.000 claims description 11
- 238000004806 packaging method and process Methods 0.000 claims description 8
- 230000008569 process Effects 0.000 abstract description 14
- 230000018109 developmental process Effects 0.000 description 54
- 238000012545 processing Methods 0.000 description 12
- 230000003993 interaction Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 230000009466 transformation Effects 0.000 description 3
- 238000013519 translation Methods 0.000 description 3
- 235000008694 Humulus lupulus Nutrition 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 239000007943 implant Substances 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000006835 compression Effects 0.000 description 1
- 238000007906 compression Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000013515 script Methods 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 239000003826 tablet Substances 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种客户端原生应用的转化方法、装置、设备及介质。该方法包括:在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。本技术方案解决了混合应用开发过程中原生应用向网页应用转化速度慢的问题,可以在提高转化效率的同时,大大加快了在原生应用基础上网页应用的开发进度。
Description
技术领域
本发明涉及应用软件开发技术领域,尤其涉及一种客户端原生应用的转化方法、装置、设备及介质。
背景技术
混合应用开发是将客户端原生应用开发技术与网页应用开发技术的优势进行结合,形成的新型应用软件开发技术。
在混合应用开发模式下,原生应用通过JSBridge等方法提供统一的API(Application Programming Interface,应用程序编程接口),然后用Html(Hyper TextMarkup Language,超文本标记语言)+Css(Cascading Style Sheets,层叠样式表)实现界面,JS(JavaScript)来编写逻辑,调用API,最终的页面在Webview(网页视图)中显示,以实现原生应用与网页应用的交互。
但是,混合应用开发过程中原生应用向网页应用转化速度慢,转化效率较低,大大影响了在原生应用基础上网页应用的开发进度。
发明内容
本发明提供了一种客户端原生应用的转化方法、装置、设备及介质,以解决混合应用开发过程中原生应用向网页应用转化速度慢的问题,可以在提高转化效率的同时,大大加快了在原生应用基础上网页应用的开发进度。
根据本发明的一方面,提供了一种客户端原生应用的转化方法,所述方法包括:
在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;
在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;
将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;
根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
根据本发明的另一方面,提供了一种客户端原生应用的转化装置,该装置包括:
回调管理对象注册模块,用于在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;
前端页面放置模块,用于在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;
编译结果生成模块,用于将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;
原生操作唤起模块,用于根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
根据本发明的另一方面,提供了一种电子设备,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行本发明任一实施例所述的客户端原生应用的转化方法。
根据本发明的另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现本发明任一实施例所述的客户端原生应用的转化方法。
本发明实施例的技术方案,在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。该技术方案解决了混合应用开发过程中原生应用向网页应用转化速度慢的问题,可以在提高转化效率的同时,大大加快了在原生应用基础上网页应用的开发进度。
应当理解,本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征,也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是根据本发明实施例一提供的一种客户端原生应用的转化方法的流程图;
图2A是根据本发明实施例二提供的一种客户端原生应用的转化方法的流程图;
图2B是根据本发明实施例提供的Android客户端与Web应用的转化以及交互示意图;
图2C是根据本发明实施例提供的RouterScheduleHandler实现的功能示意图;
图3是根据本发明实施例三提供的一种客户端原生应用的转化装置的结构示意图;
图4是实现本发明实施例的客户端原生应用的转化方法的电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。本申请技术方案中对数据的获取、存储、使用、处理等均符合国家法律法规的相关规定。
实施例一
图1为本发明实施例一提供了一种客户端原生应用的转化方法的流程图,本实施例可适用于混合开发模式下Android客户端和Web应用之间的快速转化的情况,该方法可以由客户端原生应用的转化装置来执行,该装置可以采用硬件和/或软件的形式实现,该装置可配置于电子设备中。如图1所示,该方法包括:
S110、在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法。
本方案可以由混合开发环境执行,所述混合开发环境可以包括客户端、网页服务端以及交互平台等设备。所述客户端可以是安装有原生应用的智能手机、平板电脑等设备,所述网页服务端可以是服务器、服务集群等设备,交互平台可以用于实现客户端与网页服务端的信息交互。具体的,客户端可以通过交互平台接收用户请求的网页服务,也可以识别网页需要调用的组件的方法名和参数,调用组件得到处理结果,还可以通过交互平台将带有处理结果的请求连接发送至网页服务端。网页服务端可以根据请求连接将网页服务匹配的服务结果反馈至交互平台。
其中,所述原生应用可以是安装在客户端上,与客户端操作系统匹配的应用。原生应用可以是基于原生代码实现的。回调管理对象可以用于提供网页代码需要使用的回调函数。通过消息总线可以绑定网页代码需要使用的回调函数,在客户端的原生代码中注册回调管理对象。
S120、在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面。
混合开发环境可以在原生代码中植入网页代码,进行混合开发,得到混合开发代码。使用封装的网页显示容器可以放置前端页面。
S130、将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果。
客户端打包文件通常较大,在网页服务端打包编译时容易出现文件多、加载速度慢等问题,大大影响了开发效率。因此,混合开发环境可以将原生代码在编译器中通过静态模块打包器进行编译,所述静态模块打包器例如可以是webpack。
S140、根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
混合开发环境可以根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。所述消息总线可以为Android消息总线LiveEventBus。
本技术方案在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。该技术方案解决了混合应用开发过程中原生应用向网页应用转化速度慢的问题,可以在提高转化效率的同时,大大加快了在原生应用基础上网页应用的开发进度。
实施例二
图2A为本发明实施例二提供的一种客户端原生应用的转化方法的流程图,本实施例以上述实施例为基础进行细化。如图2A所示,该方法包括:
S210、在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法。
图2B是根据本发明实施例提供的Android客户端与Web应用的转化以及交互示意图。如图2B所示,在一个具体的例子中,客户端操作系统为Android环境,通过LiveEventBus来绑定在web代码中将要使用的回调函数,在客户端的原生代码中注册postMessage事件,以在Web环境中进行调用。具体的,代码实现可以如下所示:
S220、在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面。
在客户端的原生代码中植入拥有强大类库的h5代码进行混合开发,使用封装的webScreen来放置前端页面,客户端内部Listener监听器监听到原生操作之后,执行内部原生操作。
S230、将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果。
将原生应用的原生代码在编译器中使用Web静态模块打包器(module bundler)进行编译,同时针对原生代码特征进行处理,使用RNW(React Native Web,反应本机的网页视图)配合webpack对现有的客户端代码进行编译,同时,混合开发环境可以配配置装载器loader对web应用进行压缩适配。
S240、根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
Web应用使用LiveEventBus为h5页面提供内置方法,以调用gloudHandler对象下的回调方法,唤起对应的原生操作。
S250、若通过客户端监听器监听到回退操作,则获取原生路由对象的当前状态参数和历史状态参数。
路由中转操作可以是基于路由调度处理程序实现的,所述路由调度处理程序可以封装于页面状态监听方法中。如果通过客户端监听器监听到回退操作,则获取原生路由对象的当前状态参数和历史状态参数。
S260、根据原生路由对象的当前状态参数和历史状态参数,对统一资源定位器进行解析,以回退至当前页面的上一页面。
混合开发环境可以在转化代码的基础上新增RouterScheduleHandler,用于处理路由跳转,对客户端环境自带的手势回退进行适配。RouterScheduleHandler可以封装于onPopState方法和mRouter对象,根据mRouter的state参数和history参数以及对Url进行解析。
图2C是根据本发明实施例提供的RouterScheduleHandler实现的功能示意图。如图2C所示,在一个具体的例子中,封装内部路由跳转的步骤可以包括:
步骤1、对内置的路由进行监控处理,使用mRouter参数进行监控;
步骤2、在mRouter对象下,使用history记录无连接变化时的路由跳转;
步骤3、为了满足链接的跳转,在Url上设置route参数实现对各页面的快速跳转;
步骤4、对客户端环境自带的手势回退进行适配,封装onPopState方法和mRouter对象,根据mRouter的state和history参数以及对Url进行解析;
步骤5、解析之后,经过RouterScheduleHandler方法进行跳转。
现有技术中,客户端在跳转之后,在Url(Uniform Resource Locator,统一资源定位器)不变的情况下,难以实现路由跳转,因此,不能满足单独呈现二级页面的需求。本方案解决了混合应用开发过程中网页应用路由功能难以实现的问题,可以通过搭建路由收发器实现网页端的中转路由,提高了混合应用开发的灵活性。
在通过网页显示容器放置混合开发代码匹配的前端页面之后,所述方法还包括:
若通过客户端监听器监听到原生应用匹配的原生操作,则执行所述原生操作。
容易理解的,客户端内部Listener监听器监听到原生操作之后,可以混合开发环境可以执行内部原生操作。
在一个可行的方案中,所述将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果,包括:
确定原生代码特征,并根据原生代码特征,对原生代码进行分包,并通过预先配置的转译器进行编译,得到编译结果。
在上述方案的基础上,可选的,在根据原生代码特征,对原生代码进行分包之后,所述方法还包括:
若原生代码包括图像数据,则基于图像加载器对图像数据进行加载和压缩。
具体的,原生代码的编译过程可以如下步骤进行:
步骤1、对客户端的原生代码进行分包处理,增加webpack配置,使用splitChunk对原生代码进行分包;
步骤2、使用babelloader对原生代码进行编译,使原生代码可以在主流设备上运行;
步骤3、使用imageLoader对图片进行单独处理,从客户端包中剥离出来,以实现轻量化。
上述方案解决了混合应用开发过程中原生应用向网页应用转化速度慢的问题,可以通过对原生应用的静态资源进行压缩、代码分割和代码适配,在提高转化效率的同时,大大加快了在原生应用基础上网页应用的开发进度。
本方案中,可选的,在根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作之后,包括:
若通过客户端监听器监听到网页信息,则根据网页信息,向前端页面传递页面初始信息;
若检测到页面初始信息加载完成,则通过异步消息队列获取与网页服务器的通讯信息。
可以理解的,postMessage允许来自不同源的脚本采用异步方式进行有效的通信,可以实现跨文本文档、多窗口以及跨域的消息传递,多用于窗口间数据通信。执行如下代码,可以监听分发的message:
本方案在原生应用基础上,实现原生应用向Web应用的快速转化,在此过程中对原生静态资源进行压缩并且进行代码分割和代码适配,用于适配市面上存在的大部分机型。同时,为了适配Web端的路由功能,为Web端搭建路由收发器进行中转路由。本技术方案大大缩减在原生应用中进行H5页面开发的进度,转化之后的混合开发代码能够拥有Web端开发灵活的优势,充分利用了开发资源,并且能够满足多场景的应用。
本技术方案在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。该技术方案解决了混合应用开发过程中原生应用向网页应用转化速度慢的问题,可以在提高转化效率的同时,大大加快了在原生应用基础上网页应用的开发进度。
实施例三
图3为本发明实施例三提供的一种客户端原生应用的转化装置的结构示意图。如图3所示,该装置包括:
回调管理对象注册模块310,用于在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;
前端页面放置模块320,用于在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;
编译结果生成模块330,用于将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;
原生操作唤起模块340,用于根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
在本方案中,可选的,所述装置还包括:
参数获取模块,用于若通过客户端监听器监听到回退操作,则获取原生路由对象的当前状态参数和历史状态参数;
页面回退模块,用于根据原生路由对象的当前状态参数和历史状态参数,对统一资源定位器进行解析,以回退至当前页面的上一页面。
在一个可行的方案中,所述前端页面放置模块320,还用于:
若通过客户端监听器监听到原生应用匹配的原生操作,则执行所述原生操作。
本实施例中,可选的,所述编译结果生成模块330,具体用于:
确定原生代码特征,并根据原生代码特征,对原生代码进行分包,并通过预先配置的转译器进行编译,得到编译结果。
在上述方案的基础上,所述编译结果生成模块330,还用于:
若原生代码包括图像数据,则基于图像加载器对图像数据进行加载和压缩。
可选的,所述装置还包括:
初始信息传递模块,用于若通过客户端监听器监听到网页信息,则根据网页信息,向前端页面传递页面初始信息;
通讯信息获取模块,用于若检测到页面初始信息加载完成,则通过异步消息队列获取与网页服务器的通讯信息。
在一个优选的方案中,所述客户端为Android客户端;所述网页代码为H5代码。
本发明实施例所提供的客户端原生应用的转化装置可执行本发明任意实施例所提供的客户端原生应用的转化方法,具备执行方法相应的功能模块和有益效果。
实施例四
图4示出了可以用来实施本发明的实施例的电子设备410的结构示意图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图4所示,电子设备410包括至少一个处理器411,以及与至少一个处理器411通信连接的存储器,如只读存储器(ROM)412、随机访问存储器(RAM)413等,其中,存储器存储有可被至少一个处理器执行的计算机程序,处理器411可以根据存储在只读存储器(ROM)412中的计算机程序或者从存储单元418加载到随机访问存储器(RAM)413中的计算机程序,来执行各种适当的动作和处理。在RAM 413中,还可存储电子设备410操作所需的各种程序和数据。处理器411、ROM 412以及RAM 413通过总线414彼此相连。输入/输出(I/O)接口415也连接至总线414。
电子设备410中的多个部件连接至I/O接口415,包括:输入单元416,例如键盘、鼠标等;输出单元417,例如各种类型的显示器、扬声器等;存储单元418,例如磁盘、光盘等;以及通信单元419,例如网卡、调制解调器、无线通信收发机等。通信单元419允许电子设备410通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器411可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器411的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器411执行上文所描述的各个方法和处理,例如客户端原生应用的转化方法。
在一些实施例中,客户端原生应用的转化方法可被实现为计算机程序,其被有形地包含于计算机可读存储介质,例如存储单元418。在一些实施例中,计算机程序的部分或者全部可以经由ROM 412和/或通信单元419而被载入和/或安装到电子设备410上。当计算机程序加载到RAM 413并由处理器411执行时,可以执行上文描述的客户端原生应用的转化方法的一个或多个步骤。备选地,在其他实施例中,处理器411可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行客户端原生应用的转化方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中,计算机可读存储介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。备选地,计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在电子设备上实施此处描述的系统和技术,该电子设备具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本发明的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.一种客户端原生应用的转化方法,其特征在于,所述方法包括:
在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;
在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;
将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;
根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
2.根据权利要求1所述的方法,其特征在于,在根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作之后,所述方法还包括:
若通过客户端监听器监听到回退操作,则获取原生路由对象的当前状态参数和历史状态参数;
根据原生路由对象的当前状态参数和历史状态参数,对统一资源定位器进行解析,以回退至当前页面的上一页面。
3.根据权利要求1所述的方法,其特征在于,在通过网页显示容器放置混合开发代码匹配的前端页面之后,所述方法还包括:
若通过客户端监听器监听到原生应用匹配的原生操作,则执行所述原生操作。
4.根据权利要求1所述的方法,其特征在于,所述将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果,包括:
确定原生代码特征,并根据原生代码特征,对原生代码进行分包,并通过预先配置的转译器进行编译,得到编译结果。
5.根据权利要求4所述的方法,其特征在于,在根据原生代码特征,对原生代码进行分包之后,所述方法还包括:
若原生代码包括图像数据,则基于图像加载器对图像数据进行加载和压缩。
6.根据权利要求1所述的方法,其特征在于,在根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作之后,包括:
若通过客户端监听器监听到网页信息,则根据网页信息,向前端页面传递页面初始信息;
若检测到页面初始信息加载完成,则通过异步消息队列获取与网页服务器的通讯信息。
7.根据权利要求1所述的方法,其特征在于,所述客户端为Android客户端;所述网页代码为H5代码。
8.一种客户端原生应用的转化装置,其特征在于,包括:
回调管理对象注册模块,用于在原生应用匹配的原生代码中注册回调管理对象,以为网页代码提供原生的内置方法;
前端页面放置模块,用于在原生代码中植入网页代码,得到混合开发代码,并通过网页显示容器放置混合开发代码匹配的前端页面;
编译结果生成模块,用于将原生代码在编译器中通过静态模块打包器进行编译,得到编译结果;
原生操作唤起模块,用于根据编译结果,通过网页服务端基于消息总线为前端页面提供内置方法,以唤起客户端的原生操作。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的客户端原生应用的转化方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的客户端原生应用的转化方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310257595.8A CN116521170A (zh) | 2023-03-16 | 2023-03-16 | 一种客户端原生应用的转化方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310257595.8A CN116521170A (zh) | 2023-03-16 | 2023-03-16 | 一种客户端原生应用的转化方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116521170A true CN116521170A (zh) | 2023-08-01 |
Family
ID=87396572
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310257595.8A Pending CN116521170A (zh) | 2023-03-16 | 2023-03-16 | 一种客户端原生应用的转化方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116521170A (zh) |
-
2023
- 2023-03-16 CN CN202310257595.8A patent/CN116521170A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
EP3731161A1 (en) | Model application method and system, and model management method and server | |
CN111338623B (zh) | 一种开发用户界面的方法、装置、介质和电子设备 | |
CN113010827B (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
CN111625738A (zh) | App目标页面的唤起方法、装置、设备和存储介质 | |
CN111026439B (zh) | 应用程序的兼容方法、装置、设备及计算机存储介质 | |
CN113050940A (zh) | 小程序的预览方法、相关装置及计算机程序产品 | |
CN112416458A (zh) | 基于ReactNative的预加载方法、装置、计算机设备及存储介质 | |
CN110795135A (zh) | 一种实现注解式配置的方法和装置 | |
CN111414154A (zh) | 前端开发的方法、装置、电子设备和存储介质 | |
CN111176641A (zh) | 流程节点执行方法、装置、介质及电子设备 | |
CN113779122B (zh) | 导出数据的方法和装置 | |
CN110830427A (zh) | 一种netty环境下的消息编码、消息解码的方法和装置 | |
CN116521170A (zh) | 一种客户端原生应用的转化方法、装置、设备及介质 | |
CN116263690A (zh) | 虚拟机从外部系统读取数据及相关写出数据的方法和装置 | |
CN111131354B (zh) | 用于生成信息的方法和装置 | |
CN109840073B (zh) | 业务流程的实现方法和装置 | |
CN109669720B (zh) | 基于Promise的链式异步请求处理方法、装置及电子设备 | |
CN113779018A (zh) | 一种数据处理方法和装置 | |
CN113760274A (zh) | 一种前端组件逻辑注入方法和装置 | |
CN110858240A (zh) | 一种前端模块加载方法和装置 | |
CN112527290A (zh) | 基于生物特征信息搭建页面的方法和装置 | |
CN113760487A (zh) | 一种业务处理方法和装置 | |
CN112818267A (zh) | 数据处理方法、装置、计算机可读存储介质及电子设备 | |
CN113656124B (zh) | 登录页面的生成方法及其装置 | |
CN113553489B (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 |