一种基于IOS客户端的交互方法及装置

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种基于IOS客户端的交互方法及装置。

背景技术

JavaScript(简称“JS”)是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，通过JS能够构建HTML页面。IOS是苹果公司开发的移动操作系统，IOS客户端运行于IOS系统上。现有的IOS客户端与HTML页面的交互方法，通常基于JavaScriptCore实现IOS客户端和HTML页面的数据交互。然而在实践中发现，现有的技术需要预先协定多套数据交互协议，灵活性低。

发明内容

本申请实施例的目的在于提供一种基于IOS客户端的交互方法及装置，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

本申请实施例第一方面提供了一种基于IOS客户端的交互方法，应用于交互模块，所述交互模块用于实现所述IOS客户端与HTML页面之间的交互，包括：

获取所述HTML页面传递的待交互数据；

根据预设JS调用方法生成包括所述待交互数据和回调标识的第一JS交互数据；

将所述第一JS交互数据发送至所述IOS客户端，以使所述IOS客户端检测所述第一JS交互数据并根据所述第一JS交互数据中的所述待交互数据执行相应的操作得到处理数据；

接收所述IOS客户端反馈的所述处理数据，并将所述回调标识和所述处理数据发送至所述HTML页面。

在上述实现过程中，当HTML页面需要传递待交互数据给IOS客户端时，则交互模块先获取HTML页面传递的待交互数据；然后根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据，并将第一JS交互数据发送至IOS客户端，以使IOS客户端检测第一JS交互数据并根据第一JS交互数据中的待交互数据执行相应的操作得到处理数据；最后将回调标识以及IOS客户端传递的处理数据反馈至HTML页面，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

进一步地，所述根据预设JS调用方法生成包括所述待交互数据和回调标识的第一JS交互数据，包括：

判断是否需要获取所述IOS客户端针对所述待交互数据的处理数据；

如果是，则根据预设的操作标识数据表确定所述待交互数据对应的回调标识；

根据预设JS调用方法生成包括所述待交互数据和所述回调标识的第一JS交互数据。

在上述实现过程中，当HTML页面需要IOS客户端回调的处理数据时，先确定回调标识，然后再根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据，不需要额外的传输协议，IOS客户端能够直接检测该第一JS交互数据。

进一步地，所述方法还包括：

当判断出不需要获取所述处理数据时，确定所述待交互数据对应的操作数据；

根据所述操作标识数据表确定所述操作数据对应的操作标识；

生成包括所述待交互数据和所述操作标识的第二JS交互数据，并将所述第二JS交互数据发送至所述IOS客户端，以使所述IOS客户端检测所述第二JS交互数据并根据所述第二JS交互数据中的所述操作标识对所述待交互数据执行相应的操作。

在上述实现过程中，HTML页面还可以根据操作标识数据表确定相应的操作标识，通过操作标识唯一表示获取到后续指定的操作。

进一步地，在所述获取所述HTML页面传递的待交互数据之前，所述方法还包括：

获取所述HTML页面与所述IOS客户端预先协定的全局方法；其中，所述全局方法用于实现所述IOS客户端与所述HTML页面之间的数据传递。

在上述实现过程中，通过预先协定的全局方法能够实现IOS客户端调用HTML页面的数据。

进一步地，所述将所述回调标识和所述处理数据发送至所述HTML页面，包括：

为所述处理数据绑定所述回调标识，得到交互返回数据；

将所述交互返回数据反馈至所述HTML页面。

在上述实现过程中，交互模块能够为处理数据绑定回调标识并传递给HTML页面。

进一步地，所述预设JS调用方法为JS弹窗调用方法。

本申请实施例第二方面提供了一种基于IOS客户端的交互方法，应用于所述IOS客户端，包括：

与HTML页面预先协定全局方法；其中，所述全局方法用于实现所述IOS客户端与所述HTML页面之间的数据传递；

检测交互模块传递的第一JS交互数据；所述交互模块用于实现所述IOS客户端与所述HTML页面之间的交互；

根据所述第一JS交互数据获取待交互数据；

根据所述待交互数据执行相应的操作，得到处理数据；

通过所述交互模块和所述全局方法将所述处理数据回传至所述HTML页面。

在上述实现过程中，IOS客户端先与HTML页面预先协定全局方法；然后检测交互模块传递的第一JS交互数据；并根据第一JS交互数据获取待交互数据；再根据待交互数据执行相应的操作，得到处理数据；最后，通过交互模块和全局方法将处理数据回传至HTML页面，进而完成IOS客户端与HTML页面的交互。

本申请实施例第三方面提供了一种基于IOS客户端的交互装置，应用于交互模块，所述交互模块用于实现所述IOS客户端与HTML页面之间的交互，所述基于IOS客户端的交互装置包括：

第一获取单元，用于获取所述HTML页面传递的待交互数据；

生成单元，用于根据预设JS调用方法生成包括所述待交互数据和回调标识的第一JS交互数据；

第一发送单元，用于将所述第一JS交互数据发送至所述IOS客户端，以使所述IOS客户端检测所述第一JS交互数据并根据所述第一JS交互数据中的所述待交互数据执行相应的操作得到处理数据；

接收单元，用于接收所述IOS客户端反馈的所述处理数据；

第二发送单元，用于将所述回调标识和所述处理数据发送至所述HTML页面。

在上述实现过程中，当HTML页面需要传递待交互数据给IOS客户端时，第一获取单元先获取HTML页面传递的待交互数据；生成单元再根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据；然后第一发送单元将第一JS交互数据发送至IOS客户端，以使IOS客户端检测第一JS交互数据并根据第一JS交互数据中的待交互数据执行相应的操作得到处理数据；接收单元接收IOS客户端反馈的处理数据；最后第二发送单元将回调标识和处理数据发送至HTML页面，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

本申请实施例第四方面提供了一种电子设备，包括存储器以及处理器，所述存储器用于存储计算机程序，所述处理器运行所述计算机程序以使所述电子设备执行本申请实施例第一方面中任一项所述的基于IOS客户端的交互方法。

本申请实施例第五方面提供了一种计算机可读存储介质，其存储有计算机程序指令，所述计算机程序指令被一处理器读取并运行时，执行本申请实施例第一方面中任一项所述的基于IOS客户端的交互方法。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的一种基于IOS客户端的交互方法的流程示意图；

图2为本申请实施例提供的另一种基于IOS客户端的交互方法的流程示意图；

图3为本申请实施例提供的又一种基于IOS客户端的交互方法的流程示意图；

图4为本申请实施例提供的一种基于IOS客户端的交互装置的结构示意图；

图5为本申请实施例提供的另一种基于IOS客户端的交互装置的结构示意图；

图6为本申请实施例提供的一种HTML页面和IOS客户端信息交互的闭环示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

请参看图1，图1为本申请实施例提供了一种基于IOS客户端的交互方法的流程示意图。其中，该基于IOS客户端的交互方法包括：

S101、获取HTML页面传递的待交互数据。

本申请实施例中，该方法应用于交互模块，其执行主体为交互模块，具体可为能够实现该方法的处理器、控制器等。其中，该交互模块具体可以运行于IOS系统上，对此本实施例中不作任何限定。

本申请实施例中，交互模块能够实现IOS客户端与HTML页面之间的交互，能够将IOS客户端的数据或操作传递给HTML页面，也能够将HTML页面的数据或操作传递给IOS客户端。

本申请实施例中，IOS客户端、交互模块以及HTML页面均可以运行于IOS系统上，具体可以运行于IOS系统的智能手机、IOS系统的平板电脑、IOS系统的可穿戴设备等IOS系统的电子设备上，对此本实施例中不作任何限定。

本申请实施例中，该HTML页面可以由JS(JavaScript)脚本实现，具体可以为H5页面(即HTML5网页页面)，对此本申请实施例不作限定。

本申请实施例中，该待交互数据包括HTML页面需要传递给IOS客户端的数据或操作，对此本申请实施例不作限定。

S102、根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据。

本申请实施例中，该预设JS调用方法可以为JS弹窗调用方法，具体地，该JS弹窗调用方法为prompt()弹窗方法，对此本申请实施例不作限定。

本申请实施例中，HTML页面和IOS客户端交互事件较多时，实施本申请实施例提供的交互方法，不需要协定多套传输协议，只需要通过预设JS调用方法，就能够实现HTML页面和IOS客户端的交互，简单快速，适用性强。

本申请实施例中，当该JS弹窗调用方法为prompt()弹窗方法时，如果HTML页面需要获取IOS客户端回调的处理数据，则先确定回调的唯一标识(即回调标识)，然后将待交互数据和回调标识一同添加到promapt()的参数中，进而得到第一JS交互数据。

S103、将第一JS交互数据发送至IOS客户端，以使IOS客户端检测第一JS交互数据并根据第一JS交互数据中的待交互数据执行相应的操作得到处理数据。

需要说明的是，IOS客户端在接收到第一JS交互数据时，可以解析第一JS交互数据，并从第一IS交互数据中确定出待交互数据以及回调标识，并根据回调标识调用电子设备中与回调标识对应的处理模块，以采用该处理模块实现对待交互数据的处理，对此不做赘述。

S104、接收IOS客户端反馈的处理数据，并将回调标识和处理数据发送至HTML页面。

下面，以一个实例对上述方法进行详细介绍：

假设IOS系统上安装有一个可以用来在线学习英语的在线教育APP，且，该在线教育APP上的上课签到功能可以通过H5页面实现。当学生进入在线教育APP之后，可以选择打卡按钮，届时弹出H5页面，提示用户进行扫码完成签到。即，H5页面首先会向交互模块发送签到请求；交互模块在接收到签到请求之后，解析该请求，确定出需要访问IOS设备上的相机，并可以为该请求配置相应的回调标识，例如相机ID，并将针对相机的访问请求以及相机ID发给IOS终端的处理芯片；IOS终端的处理芯片在接收到针对相机的访问请求之后，打开系统相机，并在用户的操作下进行扫码，以得到扫码结果；IOS终端设备的处理芯片将扫码结果反馈给交互模块，交互模块将扫码结果和相机ID反馈给H5页面，以使得H5页面得知扫码签到已经结束，可以根据扫码结果向用户展示最终的结果信息，例如根据扫码结果和结果信息之间的对应关系，进行展示。如在扫码成功时，展示的结果信息为签到成功；在扫码失败时，展示的结果信息为签到失败，请再次扫码；在扫码重复提交时，展示的结果信息为已签到，请勿重复扫码等，对此不做赘述。

在另一些可能的实施方式，交互模块可以处理的待交互数据可以是扫码请求、拍照请求、支付请求、录音请求、识别请求、定位请求等，只要是实现HTML页面和IOS客户端之间的、基于JS脚本的交互方法即可。例如HTML页面对IOS电子设备上的相机、定位、录音、摄像、指纹识别、面部识别、相册等功能的调用，对此不做任何限定。

本申请实施例中，实施上述步骤S101～步骤S104，能够实现HTML页面调用IOS客户端的数据或功能，同理，交互模块还可以实现IOS客户端调用HTML页面的数据或功能，具体包括以下步骤：

接收IOS发送的数据请求；

解析数据请求，得到调用信息，并确定调用信息对应的目标回调标识；

将调用信息和目标回调标识发送给HTML页面，以使HTML页面根据调用信息执行相应的操作得到HTML页面处理数据；

接收HTML页面返回的HTML页面处理数据；

为HTML页面处理数据绑定目标回调标识，并反馈至IOS客户端。

在上述实施方式中，HTML页面根据调用信息执行相应的操作得到HTML页面处理数据时，HTML页面能够根据调用信息调用相应的接口，并通过该接口执行对应的操作得到HTML页面处理数据。

可见，实施图1所描述的基于IOS客户端的交互方法，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

请参看图2，图2为本申请实施例提供的另一种基于IOS客户端的交互方法的流程示意图。如图2所示，其中，该基于IOS客户端的交互方法包括：

S201、获取HTML页面与IOS客户端预先协定的全局方法。

本申请实施例中，全局方法用于实现IOS客户端与HTML页面之间的数据传递。

S202、获取HTML页面传递的待交互数据。

S203、判断是否需要获取IOS客户端针对待交互数据的处理数据，如果是，执行步骤S204～步骤S206以及步骤S210～步骤S211；如果否，执行步骤S207～步骤S209。

S204、根据预设的操作标识数据表确定待交互数据对应的回调标识。

本申请实施例中，交互模块可以预先配置一套唯一标识的操作标识数据表，操作标识数据表包括多个操作标识，每个操作标识唯一表示获取到后续指定的操作。

本申请实施例中，IOS客户端不需要配置该操作标识数据表，只需要将HTML页面传递的操作标识返回给HTML页面即可。

S205、根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据。

S206、将第一JS交互数据发送至IOS客户端，以使IOS客户端检测第一JS交互数据并根据第一JS交互数据中的待交互数据执行相应的操作得到处理数据。

本申请实施例中，IOS客户端能够检测到交互模块传递的第一JS交互数据，并通过拦截第一JS交互数据获取到HTML页面传递过来的待交互数据和回调标识。

S207、确定待交互数据对应的操作数据。

S208、根据操作标识数据表确定操作数据对应的操作标识。

S209、生成包括待交互数据和操作标识的第二JS交互数据，并将第二JS交互数据发送至IOS客户端，以使IOS客户端检测第二JS交互数据并根据第二JS交互数据中的操作标识对待交互数据执行相应的操作，并结束本流程。

本申请实施例中，可以根据预设JS调用方法生成包括待交互数据和操作标识的第二JS交互数据。

本申请实施例中，实施上述步骤S203～步骤S209，能够根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据。

S210、接收IOS客户端反馈的处理数据。

S211、为处理数据绑定回调标识，得到交互返回数据，并将交互返回数据反馈至HTML页面。

本申请实施例中，实施上述步骤S211，交互模块能够将回调标识和IOS客户端传递的处理数据发送至HTML页面，进而完成HTML页面与IOS客户端的数据交互。

本申请实施例中，举例来说，通过本实施例所描述的基于IOS客户端的交互方法，能够实现HTML页面调用IOS客户端的相机扫二维码，即实现HTML页面调用IOS客户端的相机功能；以及，IOS客户端通过相机功能执行完成扫码操作后，将扫码结果(即处理数据)返回给HTML页面，即完成IOS客户端调用HTML页面。

具体地，设交互模块、HTML页面和IOS客户端均运行于IOS系统上，当HTML页面需要进行扫码操作时，HTML页面发送扫码请求至交互模块，交互模块先解析扫码请求得到相机调用信息，然后交互模块再根据预设的操作标识数据表确定相机调用信息对应的回调标识，并将回调标识和相机调用信息发送至IOS客户端，IOS客户端能够拦截该回调标识和相机调用信息，并能够根据相机调用信息调用相机功能并完成扫码操作，进而得到扫码结果；进一步地，IOS客户端将该扫码结果和回调标识发送至交互模块，交互模块能够为扫码结果绑定该回调标识，得到交互返回数据，并将该交互返回数据反馈给HTML页面，进而完成IOS客户端与HTML页面的数据交互。

请一并参阅图6，图6是本申请实施例提供的一种HTML页面和IOS客户端信息交互的闭环示意图。如图6所示，HTML页面预先配置一套方法调用的操作标识数据表，HTML页面通过交互模块调用IOS客户端只需要将唯一的操作标识随同数据一同传递给IOS客户端，IOS客户端如果回调数据只需要将唯一的操作标识和处理数据一同传递给交互模块，然后交互模块可以将IOS发送的操作标识和处理数据反馈给HTML页面。

可见，实施图2所描述的基于IOS客户端的交互方法，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

请参看图3，图3为本申请实施例提供的又一种基于IOS客户端的交互方法的流程示意图。如图3所示，该基于IOS客户端的交互方法应用于IOS客户端，包括：

S301、与HTML页面预先协定全局方法。

本申请实施例中，全局方法用于实现IOS客户端与HTML页面之间的数据传递。

S302、检测交互模块传递的第一JS交互数据；交互模块用于实现IOS客户端与HTML页面之间的交互。

S303、根据第一JS交互数据获取待交互数据。

本申请实施例中，IOS客户端能够检测到交互模块传递的该第一JS交互数据，并通过拦截第一JS交互数据以获取HTML页面传递过来的待交互数据。

S304、根据待交互数据执行相应的操作，得到处理数据。

S305、通过交互模块和全局方法将处理数据回传至HTML页面。

本申请实施例中，IOS客户端根据第一JS交互数据完成数据处理后，先预先协定的全局方法将处理数据反馈至交互模块，然后由交互模块将处理数据和回调标识传递给HTML页面。

可见，实施图3所描述的基于IOS客户端的交互装置，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

请参看图4，图4为本申请实施例提供的一种基于IOS客户端的交互装置的结构示意图。如图4所示，该基于IOS客户端的交互装置，应用于交互模块，包括：

第一获取单元410，用于获取HTML页面传递的待交互数据。

生成单元420，用于根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据。

第一发送单元430，用于将第一JS交互数据发送至IOS客户端，以使IOS客户端检测第一JS交互数据并根据第一JS交互数据中的待交互数据执行相应的操作得到处理数据。

接收单元440，接收IOS客户端反馈的处理数据；

第二发送单元450，用于将回调标识和处理数据发送至HTML页面。

请一并参阅图5，图5是本申请实施例提供的另一种基于IOS客户端的交互装置的结构示意图。其中，图5所示的基于IOS客户端的交互装置是由图4所示的基于IOS客户端的交互装置进行优化得到的。如图5所示，生成单元420包括：

判断子单元421，用于判断是否需要获取IOS客户端针对待交互数据的处理数据；

确定子单元422，用于在判断出需要获取处理数据时，则根据预设的操作标识数据表确定待交互数据对应的回调标识；

生成子单元423，用于根据预设JS调用方法生成包括待交互数据和回调标识的第一JS交互数据，以使IOS客户端根据第一JS交互数据对待交互数据进行处理得到处理数据。

作为一种可选的实施方式，确定子单元422，还用于在判断出不需要获取处理数据时，确定待交互数据对应的操作数据；以及根据操作标识数据表确定操作数据对应的操作标识；

生成子单元423，还用于生成包括待交互数据和操作标识的第二JS交互数据，以使IOS客户端检测第二JS交互数据并根据第二JS交互数据中的操作标识对待交互数据执行相应的操作。

作为一种可选的实施方式，该基于IOS客户端的交互装置还包括：

第二获取单元460，用于在获取HTML页面传递的待交互数据之前，获取HTML页面与IOS客户端预先协定的全局方法；其中，全局方法用于实现IOS客户端与HTML页面之间的数据传递。

作为一种可选的实施方式，第二发送单元450包括：

绑定子单元451，用于为处理数据绑定回调标识，得到交互返回数据。

反馈子单元452，用于将交互返回数据反馈至HTML页面。

本申请实施例中，预设JS调用方法具体为JS弹窗调用方法，对此本申请实施例不作限定。

可见，实施本实施例所描述的基于IOS客户端的交互装置，能够简单快速实现IOS客户端和HTML页面的数据交互，不需要协定多套传输协议，灵活性高。

本申请实施例提供了一种电子设备，包括存储器以及处理器，存储器用于存储计算机程序，处理器运行计算机程序以使电子设备执行本申请实施例1或实施例2中任一项基于IOS客户端的交互方法。

本申请实施例提供了一种计算机可读存储介质，其存储有计算机程序指令，计算机程序指令被一处理器读取并运行时，执行本申请实施例1或实施例2中任一项基于IOS客户端的交互方法。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上仅为本申请的实施例而已，并不用于限制本申请的保护范围，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、物品或者设备中还存在另外的相同要素。