网页到小程序的转换方法、装置、服务器及存储介质制造方法及图纸

本发明专利技术实施例公开了一种网页到小程序的转换方法、装置、服务器及存储介质，所述方法包括：遍历待转换网页的vue文件，通过正则表达式将所述vue文件分解为模板部分、代码部分和样式部分；分别将所述模板部分、代码部分和样式部分转换为小程序文件。本发明专利技术实施例实现了网页到小程序的转换，使得开发人员只需基于vue框架编写一套程序代码即可使应用程序通过前端网页和小程序两种方式运行，降低了应用程序的开发成本，提高了开发人员的开发效率。

Conversion method, device, server and storage medium of web page to applet

【技术实现步骤摘要】
网页到小程序的转换方法、装置、服务器及存储介质
本专利技术实施例涉及计算机
，尤其涉及一种网页到小程序的转换方法、装置、服务器及存储介质。
技术介绍
小程序全称为微信小程序(MiniProgram)，是微信近年来新发布的一种应用程序的实现方式，它是一种不需要下载安装即可使用的应用程序，实现了应用程序“触手可及”的梦想，用户扫一扫或搜一下即可打开应用程序。由于小程序的简单便捷性，自上线后就深受用户喜爱，这使得企业也要开发小程序功能。但是小程序用的是微信自研的MINA(MultipurposeInfrastructureforNetworkApplications，网络应用程序的高可用性框架)框架，目前国内的前端网页大多是基于vue框架开发的，基于这两种框架开发出来的程序代码并不能直接通用，如果一个应用程序既想通过前端网页的方式被用户使用，又想通过小程序的方式被用户使用，那么需要开发人员分别基于两种框架编写两套不同的程序代码，这样不仅提高了应用程序的开发成本，也降低了开发人员的开发效率。
技术实现思路
本专利技术实施例提供一种网页到小程序的转换方法、装置、服务器及存储介质，以实现网页到小程序的转换，降低应用程序的开发成本，提高开发效率。第一方面，本专利技术实施例提供一种网页到小程序的转换方法，包括：遍历待转换网页的vue文件，通过正则表达式将每个所述vue文件分解为模板部分、代码部分和样式部分；分别将所述模板部分、代码部分和样式部分转换为小程序文件。进一步的，所述分别将所述模板部分、代码部分和样式部分转换为小程序文件包括：根据第一预设规则将所述模板部分转换为第一小程序文件的内容；根据第二预设规则将所述代码部分转换为第二小程序文件的内容；根据第三预设规则将所述样式部分转换为第三小程序文件的内容。进一步的，所述根据第一预设规则将所述模板部分转换为第一小程序文件的内容包括：根据属性修改规则将所述模板部分的属性语句转换为小程序属性语句；根据事件修改规则将所述模板部分的事件语句转换为小程序事件语句；根据语法修改规则将所述模板部分的语法语句转换为小程序语法语句。进一步的，所述根据第二预设规则将所述代码部分转换为第二小程序文件的内容包括：将最外层的exportdefault改为小程序的Page()；将外层methods:里的方法展开，改为小程序的Page一级方法；将属性赋值方法改为小程序的setdata()。进一步的，所述根据第三预设规则将所述样式部分转换为第三小程序文件的内容包括：将所述代码部分的嵌套代码进行铺平；根据代码的名称及其父选择器的名称对铺平后的代码进行命名。进一步的，还包括：判断每个所述vue文件的类型；若所述vue文件为组件类型，则将对应的vue文件转换后的小程序文件放置到小程序的预设组件文件下；若所述vue文件为页面类型，则将对应的vue文件转换后的小程序文件放置到小程序的预设页面文件下。进一步的，所述预设组件文件为usingComponents文件，所述预设页面文件为pages文件。第二方面，本专利技术实施例提供一种网页到小程序的转换装置，包括：vue文件分解模块，用于遍历待转换网页的vue文件，通过正则表达式将每个所述vue文件分解为模板部分、代码部分和样式部分；vue文件转换模块，用于分别将所述模板部分、代码部分和样式部分转换为小程序文件。第三方面，本专利技术实施例提供一种服务器，所述服务器包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本专利技术任意实施例提供的网页到小程序的转换方法。第四方面，本专利技术实施例提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本专利技术任意实施例提供的网页到小程序的转换方法。本专利技术实施例提供的一种网页到小程序的转换方法通过遍历待转换网页的vue文件，通过正则表达式将所述vue文件分解为模板部分、代码部分和样式部分；分别将所述模板部分、代码部分和样式部分转换为小程序文件。实现了网页到小程序的转换，使得开发人员只需基于vue框架编写一套程序代码即可使应用程序通过前端网页和小程序两种方式运行，降低了应用程序的开发成本，提高了开发人员的开发效率。附图说明图1为本专利技术实施例一提供的一种网页到小程序的转换方法的流程示意图；图2为本专利技术实施例二提供的一种网页到小程序的转换方法的流程示意图；图3为本专利技术实施例三提供的一种网页到小程序的转换装置的结构示意图；图4为本专利技术实施例四提供的一种服务器的结构示意图。具体实施方式下面结合附图和实施例对本专利技术作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部结构。在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各步骤的顺序可以被重新安排。当其操作完成时处理可以被终止，但是还可以具有未包括在附图中的附加步骤。处理可以对应于方法、函数、规程、子例程、子程序等等。此外，术语“第一”、“第二”等可在本文中用于描述各种方向、动作、步骤或元件等，但这些方向、动作、步骤或元件不受这些术语限制。这些术语仅用于将第一个方向、动作、步骤或元件与另一个方向、动作、步骤或元件区分。举例来说，在不脱离本申请的范围的情况下，可以将第一小程序文件称为第二小程序文件，且类似地，可将第二小程序文件称为第一小程序文件。第一小程序文件和第二小程序文件两者都是小程序文件，但其不是同一小程序文件。术语“第一”、“第二”等而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本专利技术的描述中，“多个”、“批量”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。实施例一图1为本专利技术实施例一提供的一种网页到小程序的转换方法的流程示意图，本实施例可适用于将基于vue框架开发的前端网页转换为微信小程序。如图1所示，本专利技术实施例一提供的一种网页到小程序的转换方法包括：S110、遍历待转换网页的vue文件，通过正则表达式将每个所述vue文件分解为模板部分、代码部分和样式部分。具体的，待转换网页是需要转换成微信小程序的前端网页，也就是网站前台部分，运行在PC端、移动端等浏览器上展现给用户浏览的网页，这些网页大多是基于vue框架开发的，不能直接转换到小程序使用的MINA框架下运行。vue文件是指基于本文档来自技高网...

【技术保护点】
1.一种网页到小程序的转换方法，其特征在于，包括：/n遍历待转换网页的vue文件，通过正则表达式将每个所述vue文件分解为模板部分、代码部分和样式部分；/n分别将所述模板部分、代码部分和样式部分转换为小程序文件。/n

【技术特征摘要】
1.一种网页到小程序的转换方法，其特征在于，包括：
遍历待转换网页的vue文件，通过正则表达式将每个所述vue文件分解为模板部分、代码部分和样式部分；
分别将所述模板部分、代码部分和样式部分转换为小程序文件。


2.如权利要求1所述的方法，其特征在于，所述分别将所述模板部分、代码部分和样式部分转换为小程序文件包括：
根据第一预设规则将所述模板部分转换为第一小程序文件的内容；
根据第二预设规则将所述代码部分转换为第二小程序文件的内容；
根据第三预设规则将所述样式部分转换为第三小程序文件的内容。


3.如权利要求2所述的方法，其特征在于，所述根据第一预设规则将所述模板部分转换为第一小程序文件的内容包括：
根据属性修改规则将所述模板部分的属性语句转换为小程序属性语句；
根据事件修改规则将所述模板部分的事件语句转换为小程序事件语句；
根据语法修改规则将所述模板部分的语法语句转换为小程序语法语句。


4.如权利要求2所述的方法，其特征在于，所述根据第二预设规则将所述代码部分转换为第二小程序文件的内容包括：
将最外层的exportdefault改为小程序的Page()；
将外层methods:里的方法展开，改为小程序的Page一级方法；
将属性赋值方法改为小程序的setdata()。


5.如权利要求2所述的方法，其特征在于，所述根据第三预设规则将所述样式部分转换为第三小程...

【专利技术属性】
技术研发人员：方永清，陈丹，
申请(专利权)人：深圳乐信软件技术有限公司，
类型：发明
国别省市：广东;44