System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 微信小程序页面动态化方法、系统、设备及储存介质技术方案_技高网

微信小程序页面动态化方法、系统、设备及储存介质技术方案

技术编号:40441619 阅读:6 留言:0更新日期:2024-02-22 23:04
本发明专利技术公开了一种微信小程序页面动态化方法、系统、设备及储存介质,所述方法包括:接收WXML代码;将所述WXML代码编译为有效的JavaScript脚本文件;基于AST生成器执行所述JavaScript脚本文件生成AST的JSON脚本文件;基于JavaScript解释器执行所述JSON脚本文件。通过本公开的处理方案,不仅可以提高小程序的灵活性和可扩展性,还可以减少重新发版的时间和成本,快速响应用户需求。

【技术实现步骤摘要】

本专利技术涉及计算机,特别是涉及一种微信小程序页面动态化方法、系统、设备及储存介质


技术介绍

1、随着业务的增长,微信小程序的包体积限制使得业务迭代变得越来越困难,导致小程序代码空间紧张,并且线上问题需要重新发版才能解决,无法快速响应用户需求。因此,亟需一个解决方案来减小包体积并增强微信小程序的灵活性和可扩展性,从而提高用户体验和留存率。

2、虽然现有技术中的react和vue等现代前端框架已经具有自己的虚拟dom机制,也可以实现dom树的表达和更新。还存在webpack等前端构建工具可以预编译和打包前端代码,并通过http/websocket等协议进行动态加载和更新。但上述技术仅在前端(浏览器端)运行、计算,无法兼容微信小程序来跨平台使用。


技术实现思路

1、有鉴于此,本公开实施例提供一种微信小程序页面动态化方法,至少部分解决现有技术中存在的问题。

2、第一方面,本公开实施例提供了一种微信小程序页面动态化方法,所述方法包括以下步骤:

3、接收wxml代码;

4、将所述wxml代码编译为有效的javascript脚本文件;

5、基于javascript编译器将所述javascript脚本文件编译为ast json脚本文件;

6、基于node脚本将所述ast json脚本文件使用http请求上传至cdn,生成cdn文件;

7、前端通过http请求拉取所述cdn文件,并获取所述cdn文件中包含的ast json脚本文件;

8、基于javascript虚拟机执行所述ast json脚本文件。

9、根据本公开实施例的一种具体实现方式,所述基于javascript虚拟机执行所述json脚本文件,还包括以下步骤:

10、所述javascript解释器解析所述json脚本文件,并根据其内容执行相应的javascript代码。

11、根据本公开实施例的一种具体实现方式,所述前端包括微信小程序端和/或web端。

12、第二方面,本公开实施例提供了一种微信小程序页面动态化系统,所述系统包括:

13、wxml编译器模块,被配置用于接收wxml代码;以及,

14、将所述wxml代码编译为有效的javascript脚本文件;

15、ast生成器模块,被配置用于基于javascript编译器将所述javascript脚本文件编译为ast json脚本文件;

16、上传模块,被配置用于基于node脚本将所述ast json脚本文件使用http请求上传至cdn,生成cdn文件;以及,

17、前端通过http请求拉取所述cdn文件,并获取所述cdn文件中包含的ast json脚本文件;

18、执行模块,被配置用于基于javascript虚拟机执行所述ast json脚本文件。

19、根据本公开实施例的一种具体实现方式,所述系统还包括:

20、执行模块,被配置用于所述javascript解释器解析所述json脚本文件,并根据其内容执行相应的javascript代码。

21、第三方面,本公开实施例还提供了一种电子设备,该电子设备包括:

22、至少一个处理器;以及,

23、与所述至少一个处理器通信连接的存储器;其中,

24、所述存储器存储有能够被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行时,使所述至少一个处理器前述第一方面或第一方面的任一实现方式中的任一项所述的微信小程序页面动态化方法。

25、第四方面,本公开实施例还提供了一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令当由至少一个处理器执行时使所述至少一个处理器执行前述第一方面或第一方面的任一实现方式中的微信小程序页面动态化方法。

26、第五方面,本公开实施例还提供了一种计算机程序产品,所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,使该计算机执行前述第一方面或第一方面的任一实现方式中的微信小程序页面动态化方法。

27、本公开实施例中的微信小程序页面动态化方法,通过将代码下发到客户端,减少小程序代码的体积,同时最大程度地保持原生的用户交互体验。这种方案不仅可以提高小程序的灵活性和可扩展性,还可以减少重新发版的时间和成本,降低开发成本兼容web平台与小程序端,快速响应用户需求。

本文档来自技高网...

【技术保护点】

1.一种微信小程序页面动态化方法,其特征在于,所述方法包括以下步骤:

2.根据权利要求1所述的微信小程序页面动态化方法,其特征在于,所述基于JavaScript虚拟机执行所述JSON脚本文件,还包括以下步骤:

3.根据权利要求1所述的微信小程序页面动态化方法,其特征在于,所述前端包括微信小程序端和/或web端。

4.一种微信小程序页面动态化系统,其特征在于,所述系统包括:

5.根据权利要求4所述的微信小程序页面动态化系统,其特征在于,所述系统还包括:

6.一种电子设备,其特征在于,该电子设备包括:

7.一种非暂态计算机可读存储介质,其特征在于,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令当由至少一个处理器执行时使所述至少一个处理器执行如权利要求1至3中的任一项所述的微信小程序页面动态化方法。

【技术特征摘要】

1.一种微信小程序页面动态化方法,其特征在于,所述方法包括以下步骤:

2.根据权利要求1所述的微信小程序页面动态化方法,其特征在于,所述基于javascript虚拟机执行所述json脚本文件,还包括以下步骤:

3.根据权利要求1所述的微信小程序页面动态化方法,其特征在于,所述前端包括微信小程序端和/或web端。

4.一种微信小程序页面动态化系统,其特征在于...

【专利技术属性】
技术研发人员:曹悦李帅贾蒙
申请(专利权)人:艺龙网信息技术北京有限公司
类型:发明
国别省市:

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

1