[发明专利]应用程序的开发方法、装置、电子设备和存储介质

说明书

本公开提供了一种应用程序的开发方法，包括：获取预先封装的Web组件，Web组件提供原生开发代码在浏览器中运行的环境；将Web组件集成到开发机的脚手架工具中；利用Web组件，在开发机中通过浏览器运行应用程序的原生开发代码，以对应用程序进行调试。本公开还提供了一种应用程序的开发装置、电子设备以及计算机可读存储介质。

技术领域

本公开涉及计算机技术领域，更具体地，涉及一种应用程序的开发方法、装置、电子设备和存储介质。

背景技术

React Native是目前常见的跨端研发框架。其上层编写代码使用JavaScript语言，底层采用安卓、iOS原生渲染的方式，实现了一次代码编写，多端运行，且底层采用原生渲染的方式保证了页面的渲染效率及性能体验。

在实现本公开构思的过程中，发明人发现相关技术中至少存在如下问题：在ReactNative中采用原生渲染，需要采用模拟器或者真机(安卓端和iOS端的真机)进行页面预览。采用模拟器预览时，模拟机占用内存较多，很容易造成开发机的性能不足；采用真机预览时，涉及的设备较多，调试和开发过程中需要频繁地切换设备，影响研发体验。

发明内容

有鉴于此，本公开提供了一种应用程序的开发方法和装置。

本公开的一个方面提供了一种应用程序的开发方法，包括：获取预先封装的Web组件，所述Web组件提供原生开发代码在浏览器中运行的环境；将所述Web组件集成到开发机的脚手架工具中；利用所述Web组件，在所述开发机中通过浏览器运行应用程序的原生开发代码，以对应用程序进行调试。

根据本公开的实施例，所述将所述Web组件集成到开发机的脚手架工具中，包括：获取所述Web组件的配置文件；基于所述配置文件，在所述开发机的React Native开发框架中集成Web依赖环境、调试环境、cli命令、Web端入口文件和Web端打包文件。

根据本公开的实施例，所述将所述Web组件集成到开发机的脚手架工具中，还包括：将所述开发机的React Native开发框架的原生调试接口转换成Web端的调试接口，所述调试接口包括界面调试接口和页面样式调试接口。

根据本公开的实施例，基于所述配置文件，在所述开发机中集成Web依赖环境，包括：对所述配置文件过滤，得到目标配置文件；将所述目标配置文件转换成与Web端适配的文件格式；在所述开发机中启动转换文件格式后的目标配置文件，以建立Web依赖环境。

根据本公开的实施例，基于所述配置文件，在所述开发机中集成Web端入口文件，包括：基于所述配置文件，构建运行容器；在所述运行容器中构建注册入口，以通过所述注册入口运行业务项目。

根据本公开的实施例，基于所述配置文件，在所述开发机中集成Web端打包文件，包括将所述开发机中原始的打包文件转换为Web端打包文件。

本公开的另一个方面提供了一种应用程序的开发装置，包括：获取模块，用于获取预先封装的Web组件，所述Web组件提供原生开发代码在浏览器中运行的环境；集成模块，用于将所述Web组件集成到开发机的脚手架工具中；运行模块，用于利用所述Web组件，在所述开发机中通过浏览器运行应用程序的原生开发代码，以对应用程序进行调试。

根据本公开的实施例，所述集成模块包括：获取单元，用于获取所述Web组件的配置文件；集成单元，用于基于所述配置文件，在所述开发机的React Native开发框架中集成Web依赖环境、调试环境、cli命令、Web端入口文件、Web端打包文件。

根据本公开的实施例，所述集成模块，还包括：第一转换单元，用于在所述开发机的React Native开发框架的原生调试接口转换成Web端的调试接口，所述调试接口包括界面调试接口和页面样式调试接口。