一种混合开发软件的页面分享方法和装置与流程

文档序号:14257153阅读:99来源:国知局

本发明涉及移动通讯领域,特别是涉及一种混合开发软件的页面分享方法和装置。



背景技术:

混合开发是指web(网页)开发与原生代码开发相结合,既保持了原生的流畅性和优良体验,又具有了跨平台性的便利。具体地说,混合开发应用在移动端应用的一种场景是原生提供一个包含header栏的webview,html提供内嵌的web页面。

这种情况下,在当前页面需要分享到第三方应用(如:微信,微博,朋友圈等)时,现有的分享功能是通过完全原生的方式实现,不适用于混合开发的场景;有一些框架/插件可以帮助实现web方式的分享,但是这些框架/插件一般体积大,内容多,无形中增加了程序的负担,而且应用在混合开发模式的项目中还可能出现与原生效果不一致的问题。

因此,在当前页面需要分享到第三方应用时,web功能不具备调用本地设备接口的能力,原生分享又存在不能得到页面内容的问题,所以无法将混合开发软件中的页面进行分享,用户体验较低。



技术实现要素:

本发明提供一种混合开发软件的页面分享方法和装置,用以解决现有技术的如下问题:在混合开发软件页面需要分享到第三方应用时,web功能不具备调用本地设备接口的能力,原生分享又存在不能得到页面内容,所以无法将混合开发软件中的页面进行分享,用户体验较低。

为解决上述技术问题,一方面,本发明提供一种混合开发软件的页面分享方法,包括:在预定页面的预定图标接收到第一触发信号的情况下,预定图标对应的第一语言代码调用软件的原生语言代码对应的分享接口,其中,第一语言代码通过第一语言编写;分享接口调用预设函数,根据预设函数获取预定页面的分享路径,其中,预设函数通过第一语言编写;原生语言代码接收预设函数返回的分享路径,并根据分享路径进行分享操作。

可选的,在预定页面的预定图标接收到触发信号之前,还包括:在软件的预定页面设置预定图标;将预定图标与第一语言代码进行关联。

可选的,预定图标对应的第一语言代码调用软件的原生语言代码对应的分享接口之后,还包括:通过软件的原生代码获取分享渠道菜单,并呈现在屏幕上;接收用户根据分享渠道菜单发送的第二触摸信号,并根据第二触摸信号确定用户选择的分享渠道。

可选的,预定页面为原生语言代码对应的导航栏页与第一语言代码对应的网页内容页相结合的页面。

可选的,第一语言为javascript语言。

另一方面,本发明还提供一种混合开发软件的页面分享装置,包括:执行模块,用于在预定页面的预定图标接收到第一触发信号的情况下,使预定图标对应的第一语言代码调用软件的原生语言代码对应的分享接口,其中,第一语言代码通过第一语言编写;第一获取模块,用于使分享接口调用预设函数,根据预设函数获取预定页面的分享路径,其中,预设函数通过第一语言编写;分享模块,用于使原生语言代码接收预设函数返回的分享路径,并根据分享路径进行分享操作。

可选的,还包括:设置模块,用于在软件的预定页面设置预定图标,并将预定图标与第一语言代码进行关联。

可选的,还包括:第二获取模块,用于通过软件的原生代码获取分享渠道菜单,并呈现在屏幕上;确定模块,用于接收用户根据分享渠道菜单发送的第二触摸信号,并根据第二触摸信号确定用户选择的分享渠道。

可选的,预定页面为原生语言代码对应的导航栏页与第一语言代码对应的网页内容页相结合的页面。

可选的,第一语言为javascript语言。

本发明提供的方法不引入第三方插件或框架,结构上完全是精简的,且在实现的过程中通过分享接口对应的预设函数来获取路径,执行过程较为简单,实现了混合开发软件中页面的分享,用户体验较好,解决了现有技术的如下问题:在混合开发软件页面需要分享到第三方应用时,web功能不具备调用本地设备接口的能力,原生分享又存在不能得到页面内容,所以无法将混合开发软件中的页面进行分享,用户体验较低。

附图说明

图1是本发明第一实施例中混合开发软件的页面分享方法的流程图;

图2是本发明第二实施例中混合开发软件的页面分享装置的结构示意图;

图3是本发明第二实施例中混合开发软件的页面分享装置的优选结构示意图;

图4是本发明第三实施例中混合开发软件的页面分享方法的流程图。

具体实施方式

为了解决现有技术的如下问题:在混合开发软件页面需要分享到第三方应用时,web功能不具备调用本地设备接口的能力,原生分享又存在不能得到页面内容,所以无法将混合开发软件中的页面进行分享,用户体验较低;本发明提供了一种混合开发软件的页面分享方法和装置,以下结合附图以及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不限定本发明。

本发明第一实施例提供了一种混合开发软件的页面分享方法,该方法的流程如图1所示,包括步骤s102至s106:

s102,在预定页面的预定图标接收到第一触发信号的情况下,预定图标对应的第一语言代码调用软件的原生语言代码对应的分享接口,其中,第一语言代码通过第一语言编写。

s104,分享接口调用预设函数,根据预设函数获取预定页面的分享路径,其中,预设函数通过第一语言编写。

s106,原生语言代码接收预设函数返回的分享路径,并根据分享路径进行分享操作。

本发明实施例针对混合开发软件的页面提供了一种分享方法,在预定页面的预定图标接收到第一触发信号的情况下,第一语言代码调用软件的原生语言代码对应的分享接口,通过分享接口调用预设函数,以根据该预设函数来获取预定页面的分享路径,在获取到该分享路径后,将其发送给原生代码,原生代码就可以根据该分享路径执行后续的分享操作,例如,将分享路径对应封装成为待分享的页面入口,当用户点击该页面入口时,就可以通过分享路径进入到分享页面中。

本实施例提供的方法不引入第三方插件或框架,结构上完全是精简的,且在实现的过程中通过分享接口对应的预设函数来获取路径,执行过程较为简单,实现了混合开发软件中页面的分享,用户体验较好,解决了现有技术的如下问题:在混合开发软件页面需要分享到第三方应用时,web功能不具备调用本地设备接口的能力,原生分享又存在不能得到页面内容,所以无法将混合开发软件中的页面进行分享,用户体验较低。

当用户在使用任何一种软件时,从用户侧是无法区分该软件是否为纯原生开发软件还是混合开发软件的,对于是哪一种类型开发的软件,是从开发人员侧来说明的,对于用户而言,其关注的是能否把自己喜欢的内容分享到想分享的软件中去。如果当前用户使用的是混合开发软件,而用户当前打开的页面正好因为是混合开发页面而无法分享,则会给用户带来不好的体验。采用本实施例提供的方法,就可以避免上述情况。

具体实现时,用户会对软件中的任何页面进行任何操作,由于触摸信号的类型有多种,因此,本实施例也在预定页面的一个位置设置了预设图标,通过该预设图标是否接收到触摸信号来判断是否触发分享操作。在预定页面的预定图标接收到触发信号之前,还需要在软件的预定页面设置预定图标,并将预定图标与第一语言代码进行关联。

上述过程中,预定页面可以是原生语言代码对应的导航(header)栏页与第一语言代码对应的网页(web)内容页相结合的页面。

对于上述的预设函数,其可以是开发者在开发混合开发软件时就将其写好的,因此,预设函数的存在时间一定是在预定图标接收到第一触摸信号之前。

对于分享接口,其可以是javascript接口。无论分享接口是哪种,当开发者在分享接口设置好预设函数后,在该软件的任一个页面需要被分享时,就可以通过该预定函数获取分享页面的路径信息了。整个过程的操作都较为简单,不需要用户侧做任何改变,用户体验较好。

在预定图标对应的第一语言代码调用软件的原生语言代码对应的分享接口之后,还可以通过软件的原生代码获取分享渠道菜单,例如,分享渠道菜单可以包括:微信朋友圈、微博、天涯等平台上,并将该分享渠道菜单呈现在屏幕上。此时,软件等待接收用户的第二触摸信息,此时的第二触摸信号是用户根据分享渠道菜单而发送的,是用户确定选择的分享渠道,例如当第二触摸信号所处的位置在微信朋友圈对应的图标之上,则用户就是想将软件的当前页面分享至微信朋友圈。随后,执行s104和s106,以将获取到的分享路径进行分享。

本发明第二实施例提供了一种混合开发软件的页面分享装置,该装置的结构示意如图2所示,包括:

执行模块10,用于在预定页面的预定图标接收到第一触发信号的情况下,使预定图标对应的第一语言代码调用软件的原生语言代码对应的分享接口,其中,第一语言代码通过第一语言编写;第一获取模块20,与执行模块10耦合,用于使分享接口调用预设函数,根据预设函数获取预定页面的分享路径,其中,预设函数通过第一语言编写;分享模块30,与第一获取模块20耦合,用于使原生语言代码接收预设函数返回的分享路径,并根据分享路径进行分享操作。

其中,上述预定页面可以是原生语言代码对应的header栏页与第一语言代码对应的web内容页相结合的页面。

具体实现时,用户会对软件中的任何页面进行任何操作,由于触摸信号的类型有多种,因此,本实施例也在预定页面的一个位置设置了预设图标,通过该预设图标是否接收到触摸信号来判断是否触发分享操作。

本实施例上述装置还可以包括设置模块,用于在软件的预定页面设置预定图标,并将预定图标与第一语言代码进行关联。

具体实现时,该任何一个软件都需要设置上述预设函数,因此,上述装置的设置模块,还可以用于在软件的分享接口设置预设函数。

对于上述的预设函数,其可以是开发者在开发混合开发软件时就将其写好的,因此,预设函数的存在时间一定是在预定图标接收到第一触摸信号之前。

对于分享接口,其可以是javascript接口。无论分享接口是哪种,当开发者在分享接口设置好预设函数后,在该软件的任一个页面需要被分享时,就可以通过该预定函数获取分享页面的路径信息了。整个过程的操作都较为简单,不需要用户侧做任何改变,用户体验较好。

在确定用户要分享预定页面后,可以为用户呈现分享渠道,因此,上述装置在图2的基础上,还可以如图3所示,包括:

第二获取模块40,与第一获取模块20耦合,用于通过软件的原生代码获取分享渠道菜单,并呈现在屏幕上;确定模块50,与第二获取模块40和分享模块30耦合,用于接收用户根据分享渠道菜单发送的第二触摸信号,并根据第二触摸信号确定用户选择的分享渠道。

当然,本实施例给出的图3仅是一种示意图,并不对各个模块的耦合关系构成限定。本领域技术人员根据实际需求,也可以设置为具有不同的耦合关系。

本发明第三实施例提供了一种混合开发软件的页面分享方法,在该方法中,用户使用的是海尔智能家居管理软件,该软件是混合开发的app,原生提供header并包含分享按钮,内容页面由web(html)方式实现。在该软件中,开发人员为js(javascript)接口定义了函数funca,下面结合附图4对本实施例的页面分享方法进行详细说明,其包括如下流程。

s401,判断接收到的触发信号是否对应着分享操作。如果是,则执行s402,否则继续执行s407。实现时,可以在能够分享的页面上设置分享按钮,判断时,仅判断用户是否触发了分享按钮对应操作区域即可。

s402,原生代码响应,显示分享渠道菜单。

s403,接收用户在分享渠道菜单中选择的分享渠道。例如,分享到微博。

s404,原生代码调用js接口的funca。

s405,funca拼接分享页的路径,并将其返回给原生代码。

s406,原生代码得到分享路径,用于后续分享展示。

s407,按照触发信号对应的类型执行相应的操作。

本实施例针对合混合开发软件的分享时的实际情况,即web功能不具备调用本地设备接口的能力,原生分享又存在不能得到页面内容的局限,本实施例提供了一种原生与javascript相结合实现分享功能的方法,其实现了混合开发软件的页面分享,同时不额外增加程序的负担,只需要原生和js相互配合,约定接口名称和参数即可快速实现,简单方便简单。

尽管为示例目的,已经公开了本发明的优选实施例,本领域的技术人员将意识到各种改进、增加和取代也是可能的,因此,本发明的范围应当不限于上述实施例。

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例的方法。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1