CN108733377A - 一种App中网页端与手机端的JS交互方法 - Google Patents
一种App中网页端与手机端的JS交互方法 Download PDFInfo
- Publication number
- CN108733377A CN108733377A CN201810461270.0A CN201810461270A CN108733377A CN 108733377 A CN108733377 A CN 108733377A CN 201810461270 A CN201810461270 A CN 201810461270A CN 108733377 A CN108733377 A CN 108733377A
- Authority
- CN
- China
- Prior art keywords
- interaction
- type
- app
- data
- mobile phone
- 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
Links
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
- G06F8/42—Syntactic analysis
- G06F8/427—Parsing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/73—Program documentation
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Library & Information Science (AREA)
- Telephonic Communication Services (AREA)
- Stored Programmes (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种App中网页端与手机端的JS交互方法,先获取JS交互调用方法的名称以及所需的数据类型,生成相应的JS交互文档。然后APP端获取H5端的第一请求方法,并通过JS交互文档确定所需的请求参数和返回参数,向H5端回调第一交互数据;H5端接收到第一交互数据后,根据JS交换文档和该交互数据的动作类型,解析第一交互数据,完成所述H5端与所述APP端的数据交互。采用本发明实施例,能减少网页端与手机端之间的对接联调,缩短项目开发周期,减少出错率。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种App中网页端与手机端的JS交互方法。
背景技术
随着HTML5(后面简称H5)的不断普及与优化,其在移动端开发的应用也越来越多。在开发时涉及到网页端与手机端的JS交互,而现有的JS交互都是各移动端APP自己定义各种给H5端调用的方法,以此来进行JS交互。同样的,H5端调用移动端的数据,也采用自定义调用方法。这种定义方法的名字、参数、返回数据都不统一,这就导致了APP端与H5端的交互,要人员间的不断告之与沟通,也不能乱改动相互调用的方法名称。当出现大量互调方法时、多个APP时、多个H5时、多个开发人员时,其中的沟通成本、错误率、开发时间,都大大的提高,并难以维护和管理。
发明内容
本发明实施例提出一种App中网页端与手机端的JS交互方法,有助于App中网页端与手机端更快捷的进行交互,缩短项目开发周期,减少出错率。
本发明实施例提供一种App中网页端与手机端的JS交互方法,包括:
APP端获取JS交互调用方法的名称以及所述JS交互调用方法所需的数据类型;所述数据类型包括:请求参数类型、返回参数类型和动作类型;
所述APP端根据所述JS交互调用方法和所述数据类型,生成JS交互文档;其中,所述JS交互文档用于供APP端生成相应JS交互模块;
所述APP端获取H5端的第一请求方法,并通过所述JS交互模块确定所述第一请求方法所需要的第一请求参数类型和第一返回参数类型,再根据所述第一请求参数类型和第一返回参数类型,向所述H5端回调第一交互数据;
所述H5端根据所述JS交互文档和所述第一交互数据的动作类型,解析所述第一交互数据,完成所述H5端与所述APP端的数据交互。
进一步的,所述App中网页端与手机端的JS交互方法还包括:
所述H5端获取所述APP端的第二请求方法,并通过所述JS交互文档确定所述第二请求方法所需要的第二请求参数类型和所述第二返回参数类型,再根据所述第二请求参数类型和所述第二返回参数类型,向所述APP端回调第二交互数据;
所述APP端根据所述JS交互模块和所述第二交互数据的动作类型,解析所述第二交互数据,完成所述H5端与所述APP端的数据交互。
进一步的,所述请求参数类型为string、Bool或json类型;
所述返回参数类型为string、Bool或json类型。
进一步的,所述第一交互数据为string、Bool或json类型的数据。
进一步的,所述第二交互数据为string、Bool或json类型的数据。
实施本发明实施例,具有如下有益效果:
本发明实施例提供的一种App中网页端与手机端的JS交互方法,先获取JS交互调用方法的名称以及所需的数据类型,生成相应的JS交互文档。然后APP端获取H5端的第一请求方法,并通过JS交互文档确定所需的请求参数和返回参数,向H5端回调第一交互数据;H5端接收到第一交互数据后,根据JS交换文档和该交互数据的动作类型,解析第一交互数据,完成所述H5端与所述APP端的数据交互。相比于现有技术app端自行定义调用方法,本发明技术方案统一了移动端的JS交互方法,通过JS交互文档使APP端与H5端的开发相互解藕,减少网页端与手机端之间的对接联调,缩短项目开发周期,减少出错率。如果APP端需要与多个H5端交互,只需通过JS交互文档即可实现,无需针对特定的H5端开发相应的交互模块,节省时间。
附图说明
图1是本发明提供的App中网页端与手机端的JS交互方法的一种实施例的流程示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参见图1,是本发明提供的App中网页端与手机端的JS交互方法的一种实施例的流程示意图,该方法包括以下步骤:
步骤101:APP端获取JS交互调用方法的名称以及JS交互调用方法所需的数据类型;该数据类型包括:请求参数类型、返回参数类型和动作类型。
在本实施例中,APP端获取JS交互调用方法的名称以及JS交互调用方法所需的数据类型。该名称和数据类型可预先设置,并存在APP端上。请求参数类型可以但不限于为string、Bool或json类型。返回参数类型可以但不限于为string、Bool或json类型。
在本实施例中,动作类型需要预先定义,具体为对所定义的动作进行文档说明,方便H5端的调用以及方便APP端对不同动作类型进行管理。比如动作名称为getAppInfo,此动作类型为获取应用信息,H5端根据定义内容可以便捷获取,而不需要重新联调,发布版本。同理,其他的动作类型也具有相同的作用。
步骤102:APP端根据JS交互调用方法和数据类型,生成JS交互文档;其中,JS交互文档用于供APP端生成相应JS交互模块。
在本实施例中,根据获取的方法名称和数据类型,生成相应的JS交互文档,用于生成JS交互模块,APP端就可以通过该JS交互模块实现JS交互,而且方便对JS交互模块进行修改和管理。
步骤103:APP端获取H5端的第一请求方法,并通过JS交互模块确定第一请求方法所需要的第一请求参数类型和第一返回参数类型,再根据第一请求参数类型和第一返回参数类型,向H5端回调第一交互数据。
步骤104:H5端根据JS交互文档和所述第一交互数据的动作类型,解析第一交互数据,完成H5端与APP端的数据交互。
在本实施例中,APP端通过JS交互模块,无需预先知道H5端定义的任何方法名,H5端也不用每次更新都需要跟客户端联调解析数据,达到相互解耦的作用。
在本实施例中,该方法还包括:H5端获取APP端的第二请求方法,并通过JS交互文档确定所述第二请求方法所需要的第二请求参数类型和所述第二返回参数类型,再根据第二请求参数类型和第二返回参数类型,向APP端回调第二交互数据;APP端根据JS交互模块和第二交互数据的动作类型,解析第二交互数据,完成H5端与APP端的数据交互。
在本实施例中,第一交互数据可以但不限于为string、Bool或json类型的数据。
在本实施例中,第二交互数据可以但不限于为string、Bool或json类型的数据。
由上可见,本发明实施例提供的一种App中网页端与手机端的JS交互方法,先获取JS交互调用方法的名称以及所需的数据类型,生成相应的JS交互文档。然后APP端获取H5端的第一请求方法,并通过JS交互文档确定所需的请求参数和返回参数,向H5端回调第一交互数据;H5端接收到第一交互数据后,根据JS交换文档和该交互数据的动作类型,解析第一交互数据,完成所述H5端与所述APP端的数据交互。相比于现有技术app端自行定义调用方法,本发明技术方案统一了移动端的JS交互方法,通过JS交互文档使APP端与H5端的开发相互解藕,减少网页端与手机端之间的对接联调,缩短项目开发周期,减少出错率。如果APP端需要与多个H5端交互,只需通过JS交互文档即可实现,无需针对特定的H5端开发相应的交互模块,节省时间。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random AccessMemory,RAM)等。
以上所述是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围。
Claims (5)
1.一种App中网页端与手机端的JS交互方法,其特征在于,包括:
APP端获取JS交互调用方法的名称以及所述JS交互调用方法所需的数据类型;所述数据类型包括:请求参数类型、返回参数类型和动作类型;
所述APP端根据所述JS交互调用方法和所述数据类型,生成JS交互文档;其中,所述JS交互文档用于供APP端生成相应JS交互模块;
所述APP端获取H5端的第一请求方法,并通过所述JS交互模块确定所述第一请求方法所需要的第一请求参数类型和第一返回参数类型,再根据所述第一请求参数类型和第一返回参数类型,向所述H5端回调第一交互数据;
所述H5端根据所述JS交互文档和所述第一交互数据的动作类型,解析所述第一交互数据,完成所述H5端与所述APP端的数据交互。
2.根据权利要求1所述的App中网页端与手机端的JS交互方法,其特征在于,还包括:
所述H5端获取所述APP端的第二请求方法,并通过所述JS交互文档确定所述第二请求方法所需要的第二请求参数类型和所述第二返回参数类型,再根据所述第二请求参数类型和所述第二返回参数类型,向所述APP端回调第二交互数据;
所述APP端根据所述JS交互模块和所述第二交互数据的动作类型,解析所述第二交互数据,完成所述H5端与所述APP端的数据交互。
3.根据权利要求1所述的App中网页端与手机端的JS交互方法,其特征在于,所述请求参数类型为string、Bool或json类型;
所述返回参数类型为string、Bool或json类型。
4.根据权利要求1所述的App中网页端与手机端的JS交互方法,其特征在于,所述第一交互数据为string、Bool或json类型的数据。
5.根据权利要求1所述的App中网页端与手机端的JS交互方法,其特征在于,所述第二交互数据为string、Bool或json类型的数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810461270.0A CN108733377B (zh) | 2018-05-14 | 2018-05-14 | 一种App中网页端与手机端的JS交互方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810461270.0A CN108733377B (zh) | 2018-05-14 | 2018-05-14 | 一种App中网页端与手机端的JS交互方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108733377A true CN108733377A (zh) | 2018-11-02 |
CN108733377B CN108733377B (zh) | 2020-03-10 |
Family
ID=63938410
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810461270.0A Active CN108733377B (zh) | 2018-05-14 | 2018-05-14 | 一种App中网页端与手机端的JS交互方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108733377B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021103644A1 (zh) * | 2019-11-29 | 2021-06-03 | 百果园技术(新加坡)有限公司 | 数据结构、通信方法、装置、存储介质及设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140019626A (ko) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | 웹 어플리케이션 개발을 위한 사용자 인터페이스 프레임워크 |
CN107562548A (zh) * | 2017-08-04 | 2018-01-09 | 北京趣拿软件科技有限公司 | 传输数据的方法和装置 |
CN107861713A (zh) * | 2017-07-25 | 2018-03-30 | 平安普惠企业管理有限公司 | 数据调用方法、装置及计算机可读存储介质 |
CN107870821A (zh) * | 2016-09-26 | 2018-04-03 | 平安科技(深圳)有限公司 | 应用程序的跨平台调用方法及系统 |
-
2018
- 2018-05-14 CN CN201810461270.0A patent/CN108733377B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140019626A (ko) * | 2012-08-06 | 2014-02-17 | 인크로스 주식회사 | 웹 어플리케이션 개발을 위한 사용자 인터페이스 프레임워크 |
CN107870821A (zh) * | 2016-09-26 | 2018-04-03 | 平安科技(深圳)有限公司 | 应用程序的跨平台调用方法及系统 |
CN107861713A (zh) * | 2017-07-25 | 2018-03-30 | 平安普惠企业管理有限公司 | 数据调用方法、装置及计算机可读存储介质 |
CN107562548A (zh) * | 2017-08-04 | 2018-01-09 | 北京趣拿软件科技有限公司 | 传输数据的方法和装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2021103644A1 (zh) * | 2019-11-29 | 2021-06-03 | 百果园技术(新加坡)有限公司 | 数据结构、通信方法、装置、存储介质及设备 |
Also Published As
Publication number | Publication date |
---|---|
CN108733377B (zh) | 2020-03-10 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101546260B (zh) | 用于重构面向服务的应用的方法及其设备 | |
Mendling et al. | From inter-organizational workflows to process execution: Generating BPEL from WS-CDL | |
CN103870266A (zh) | 一种页面生成方法和系统 | |
US9396448B2 (en) | Distributed and open schema interactions management system and method | |
CN109739915B (zh) | 一种跨领域共享数据模型构建方法 | |
CN103645908A (zh) | 网构软件全生命周期开发实现系统 | |
CN103150154B (zh) | 一种应用程序插件的实现方法及装置 | |
US20130036167A1 (en) | Automatic synchronization of clipboards | |
CN109522139B (zh) | 一种数据表服务生成调用方法、装置、设备及存储介质 | |
CN106776639A (zh) | 基于结构化查询语言的数据处理方法及数据处理装置 | |
CN110535679A (zh) | 切片的管理方法、架构、网络切片销售平台和管理系统 | |
CN104660547B (zh) | 一种实现远距离通信的服务平台 | |
CN105450589B (zh) | 远程调用方法及系统 | |
CN109032920A (zh) | 一种用于对协议接口进行测试的方法及装置 | |
Li et al. | REST-based SOA application in the cloud: a text correction service case study | |
Jung et al. | iotSilo: the agent service platform supporting dynamic behavior assembly for resolving the heterogeneity of IoT | |
CN108733377A (zh) | 一种App中网页端与手机端的JS交互方法 | |
Pullen et al. | Multi-Schema and Multi-Server Advances for C2-Simulation Interoperation in MSG-085 | |
CN110569135A (zh) | 一种基于发布订阅模式的进程间通信方法及系统 | |
CN103561113A (zh) | Web Service接口的生成方法及装置 | |
CN106506661A (zh) | 一种动态返回数据的方法、服务端及系统 | |
Wilde | Declarative Web 2.0 | |
CN112468385B (zh) | 虚拟分组的配置方法和装置、存储介质及电子装置 | |
CN108694040A (zh) | 调用处理方法及装置、通信系统 | |
Klinc et al. | A service-oriented framework for interpersonal communication in architecture, engineering and construction |
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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 510635 Room 2301-2341, 23 South Tower, 28 Longkou Hengjie, Tianhe District, Guangzhou City, Guangdong Province Applicant after: Bee Assistant Co., Ltd. Address before: 510635 Room 2301-2341, 23 South Tower, 28 Longkou Hengjie, Tianhe District, Guangzhou City, Guangdong Province Applicant before: Guangdong bee assistant network technology Limited by Share Ltd |
|
GR01 | Patent grant | ||
GR01 | Patent grant |