一种微信小程序的生成方法及装置制造方法及图纸

技术编号:19176585 阅读:24 留言:0更新日期:2018-10-17 00:13
本发明专利技术实施例提供了一种微信小程序的生成方法及装置,该方法包括:读取超文本标记语言HTML页面;将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;将HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;依据WXML文件、JS文件、WXSS文件,生成微信小程序。从而提出了一种方便、快捷的,可以将HTML页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览HTML页面,有效提升了用户体验。

A method and device for generating WeChat applet

The embodiment of the invention provides a method and an apparatus for generating a micro-message applet, which comprises reading a hypertext markup language HTML page, converting an HTML tag in an HTML page to generate a micro-message markup language WXML file, and processing a JavaScript program in an HTML page with reference data to generate a JS file. The HTML style definition in the HTML page is transformed to generate the WXSS file, and the WXSS program is generated according to the WXML file, JS file and WXSS file. This paper presents a convenient and fast way to automatically convert HTML pages into micro-messaging applets, enabling users to browse HTML pages through micro-messaging applets, effectively improving the user experience.

【技术实现步骤摘要】
一种微信小程序的生成方法及装置
本专利技术实施例涉及通信领域,尤其涉及一种微信小程序的生成方法及装置。
技术介绍
超级文本标记语言(HyperTextMarkupLanguage,HTML)是一种用于创建网页的标准标记语言。移动终端中的网页浏览器可以读取HTML文件,并将其渲染成可视化网页。微信小程序,简称小程序,是一种不需要下载安装即可使用的应用,用户可以通过扫一扫或搜一下即可打开应用。目前,微信小程序无法加载HTML页面,只能通过开发者依据HTML页面重新开发对应的微信小程序。
技术实现思路
本专利技术实施例提供一种微信小程序的生成方法及装置,以解决微信小程序无法加载HTML页面,需要依据HTML页面重新进行开发的问题。为了解决上述问题,本专利技术公开了一种微信小程序的生成方法,所述方法包括:读取超文本标记语言HTML页面;将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;将HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;依据WXML文件、JS文件、WXSS文件,生成微信小程序。根据本专利技术的另一方面,提供了一种微信小程序的生成装置,包括:读取模块,用于读取超文本标记语言HTML页面;第一转换模块,用于将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;处理模块,用于将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;第二转换模块,用于将HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;生成模块,用于依据WXML文件、JS文件、WXSS文件,生成微信小程序。与现有技术相比,本专利技术中通过读取超文本标记语言HTML页面;将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;将HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;依据WXML文件、JS文件、WXSS文件,生成微信小程序。从而提出了一种方便、快捷的,可以将HTML页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览HTML页面,有效提升了用户体验。附图说明为了更清楚地说明本专利技术实施例的技术方案,下面将对本专利技术实施例的描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术实施例的一种微信小程序的生成方法的流程图;图2是本专利技术实施例的一种WXML文件生成方法的流程图;图3是本专利技术实施例的一种JS文件生成方法的流程图;图4是本专利技术实施例的一种WXSS文件生成方法的流程图;图5是本专利技术实施例的一种微信小程序的生成装置的结构框图之一;图6是本专利技术实施例的一种微信小程序的生成装置的结构框图之二;图7是本专利技术实施例的一种微信小程序的生成装置的结构框图之三;图8是本专利技术实施例的一种微信小程序的生成装置的结构框图之四;图9是本专利技术实施例的一种微信小程序的生成装置的结构框图之五。具体实施方式为使本专利技术的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本专利技术作进一步详细的说明。参照图1,示出了本专利技术实施例的一种微信小程序的生成方法的流程图,具体可以包括以下步骤:步骤101,读取超文本标记语言HTML页面。具体的,在本专利技术的实施例中,微信小程序的生成装置(以下简称装置)获取到需要转换的HTML页面后,读取并加载该HTML页面。步骤102,将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件。具体的,在本专利技术的实施例中,装置将HTML页面中的所有HTML标签转换为微信小程序可识别的标签,并将转换后的标签写入WXML(WeiXinMarkupLanguage,微信标记语言)文件中,以生成WXML文件。步骤103,将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件。具体的,在本专利技术的实施例中,装置将HTML页面中的的JavaScript程序,以及,HTML页面中的所有引用数据进行相应的处理,并将处理后的的JavaScript程序和引用数据写入JS文件,以生成所述JS文件。步骤104,将HTML页面中的样式定义进行转换,以生成微信层叠样式表WXSS文件。具体的,在本专利技术的实施例中,装置将HTML页面中的样式定义转换为微信小程序可识别的样式定义,并将转换后的HTML样式定义写入WXSS(WeiXinStyleSheets,微信层叠样式表)文件,以生成所述WXSS文件。步骤105,依据WXML文件、JS文件、WXSS文件,生成微信小程序。具体的,在本专利技术的实施例中,装置可通过读取并加载已生成的WXML文件、JS文件以及WXSS文件,从而生成微信小程序。综上,本专利技术实施例中的技术方案,通过读取超文本标记语言HTML页面;将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;将HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;依据WXML文件、JS文件、WXSS文件,生成微信小程序。从而提出了一种方便、快捷的,可以将HTML页面自动转换为微信小程序的方法,使用户可以通过微信小程序浏览HTML页面,有效提升了用户体验。为了使本领域技术人员更好的理解本专利技术的微信小程序的生成方法,下面以具体实施例进行详细阐述。首先,在本专利技术的实施例中,读取超文本标记语言HTML页面。具体的,在本专利技术的实施例中,微信小程序的生成装置(以下简称装置)获取到需要转换的HTML页面后,读取并加载该HTML页面。随后,将HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件。参照图2,示出了本专利技术实施例的一种WXML文件生成方法的流程图,具体可以包括以下步骤:步骤201,检索HTML页面中的所有HTML标签。具体的,在本专利技术的实施例中,装置检索HTML页面中的所有HTML标签,以获取HTML标签。步骤202,将HTML页面中的所有HTML标签进行转换,获得WXML标签。具体的,在本专利技术的实施例中,装置将HTML页面中的所有HTML标签逐一转换为对应的微信小程序可识别的标签,即WXML标签。在本专利技术的实施例中,装置将标签转换后,去除HTML页面中的JavaScript程序及相关引用以及HTML样式定义。步骤203,将WXML标签写入WXML文件。具体的,在本专利技术的实施例中,装置将转换后的WXML标签,以及除JavaScript程序及相关引用以及HTML样式定义的其它部分,写入WXML文件,并进行整理(包括但不限于空行以及缩进等格式整理)。将WXML文件存储于本地。接着,将HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件。参照图3,示出了本专利技术实施例的一种JS文件生成方法的流程图,具体可以包括以下步骤:步骤301,获取HTML页面中的Jav本文档来自技高网...

【技术保护点】
1.一种微信小程序的生成方法,其特征在于,包括:读取超文本标记语言HTML页面;将所述HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;将所述HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;将所述HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;依据所述WXML文件、所述JS文件、所述WXSS文件,生成微信小程序。

【技术特征摘要】
1.一种微信小程序的生成方法,其特征在于,包括:读取超文本标记语言HTML页面;将所述HTML页面中的HTML标签进行转换,以生成微信标记语言WXML文件;将所述HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件;将所述HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件;依据所述WXML文件、所述JS文件、所述WXSS文件,生成微信小程序。2.根据权利要求1所述的方法,其特征在于,所述将所述HTML页面中的页面标签进行转换,以生成微信标记语言WXML文件的步骤,具体包括:检索所述HTML页面中的所有HTML标签;将所述HTML页面中的所有HTML标签进行转换,获得WXML标签;将所述WXML标签写入所述WXML文件。3.根据权利要求1所述的方法,其特征在于,所述将所述HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件的步骤,具体包括:获取所述HTML页面中的JavaScript程序,其中,所述JavaScript程序包括外部引用JavaScript程序和/或直接定义JavaScript程序;基于所述JavaScript程序,生成JavaScript函数;依据所述JavaScript函数,生成响应事件;将所述响应事件写入所述JS文件。4.根据权利要求1所述的方法,其特征在于,所述将所述HTML页面中的JavaScript程序与引用数据进行处理,以生成JS文件的步骤,具体包括:获取所述HTML页面中的引用数据;根据所述引用数据,生成数据绑定关系;将所述数据绑定关系写入所述JS文件。5.根据权利要求1所述的方法,其特征在于,所述将所述HTML页面中的HTML样式定义进行转换,以生成微信层叠样式表WXSS文件的步骤,具体包括:获取所述HTML页面中的HTML样式定义;将所述HTML样式定义进行转换,获得WXML样式定义;将所述WXML样式定义写入所述WXSS文件。6.一种...

【专利技术属性】
技术研发人员:刘晓宁
申请(专利权)人:北京汉能光伏投资有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1