应用程序生成方法、装置、服务器及存储介质制造方法及图纸

本发明专利技术公开了一种应用程序生成方法、装置、服务器及存储介质，其中，应用程序生成方法包括如下步骤：创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能；根据需求将组件库中的React组件展示在可视区域，并对所述可视区域中的各所述React组件及各所述React组件的信息进行保存；将保存的所述React组件转换成React‑Native组件；对所述React‑Native组件进行打包并存储在应用程序容器中生成应用程序。本发明专利技术实现了在网站上可视化组合业务组件，通过将React组件转换为移动终端可识别的React‑Native组件，再通过服务器打包生成APP，使得用户在下载使用APP时，能够直接获取APP中的组件信息，使用户在使用APP时更加流畅。

Application Generation Method, Device, Server and Storage Medium

The invention discloses an application generation method, device, server and storage medium, in which the application generation method includes the following steps: creating a React component and storing the created component in the component library; in which the React component is used to realize the predetermined function in APP; displaying the React component in the component library in the visual area according to the requirement, and making the real component available to the user. The information of the React components and the React components in the viewing area is saved; the saved React components are transformed into React Native components; and the React Native components are packaged and stored in the application container to generate the application. The invention realizes the visualization of composite business components on the website. By transforming React components into real Native components that can be recognized by mobile terminals, and then packaging and generating APP through the server, users can directly obtain the component information in APP when downloading and using APP, thus making users more fluent when using APP.

【技术实现步骤摘要】
应用程序生成方法、装置、服务器及存储介质
本专利技术涉及通信
，尤其涉及一种应用程序生成方法、装置、服务器及存储介质。
技术介绍
目前常见的生成APP(application，应用程序)的方式为，在网站上由用户自由拖拽组装业务模块，并由这些模块组建成一个网页，该网页包括：HTML(HyperTextMarkupLanguage，超文本标记语言)、js(Javascript，脚本语言)、css(CascadingStyleSheets，层叠样式表)以及图片等资源，就像生成一个普通网页一样，被保存在服务器上，再在APP上访问保存在服务器上的URL(UniformResourceLocator，统一资源定位符)显示出来，通常这种做法被称为HybridAPP(Hybridapplication混合模式移动应用)。现有的生成应用程序的方法，由于是在APP内嵌一个web网页，只有一个UIWebView(界面网页检视)作为原生APP端的容器页，所有的内容都是HTML页面来展示的，访问时需要根据存储在服务器上URL进入到展示应用程序内容的网页，使用体验无法达到原生APP一样流畅，用户体验较差。
技术实现思路
本专利技术实施例提供一种应用程序生成方法、装置、服务器及存储介质，用以解决现有技术中存在的在浏览器中访问应用程序时，应用程序不够流畅的问题。第一方面，本专利技术实施例提供一种应用程序生成方法，所述方法包括如下步骤：创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能；根据需求将组件库中的React组件展示在可视区域，并对所述可视区域中的各所述React组件及各所述React组件的信息进行保存；将保存的所述React组件转换成React-Native组件；对所述React-Native组件进行打包并存储在应用程序容器中生成应用程序。可选的，在获得应用程序后，所述方法还包括：对生成的应用程序进行编译打包，并生成用于供用户下载所述应用程序的唯一标识码。可选的，所述React组件包括以下一种或多种：多tab组件、列表信息流组件、图片展示组件和文本组件。可选的，所述React组件的信息包括以下一种或几种：React组件的名称、React组件的顺序信息、React组件的位置信息和React组件间的嵌套关系信息。第二方面，本专利技术实施例提供一种应用程序生成装置，包括：创建模块，用于创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能存储模块，用于根据需求将组件库中的React组件展示在可视区域，并对所述可视区域中的各所述React组件及各所述React组件的信息进行保存；转换模块，用于将保存的所述React组件转换成React-Native组件；打包模块，用于对所述React-Native组件进行打包并存储在应用程序容器中生成应用程序。可选的，所述装置还包括：生成模块，用于对生成的应用程序进行编译打包，并生成用于供用户下载所述应用程序的唯一标识码。可选的，所述React组件包括以下一种或多种：多tab组件、列表信息流组件、图片展示组件和文本组件。可选的，所述React组件的信息包括以下一种或几种：React组件的名称、React组件的顺序信息、React组件的位置信息和React组件间的嵌套关系信息。第三方面，本专利技术实施例提供一种服务器，所述服务器包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现上述任意一项应用程序生成方法的步骤。第四方面，本专利技术实施例提供一种存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述任意一项应用程序生成方法的步骤。本专利技术实现了在网站上可视化组合业务组件，通过将React组件转换为移动终端可识别的React-Native组件，再通过服务器打包生成APP，使得用户在下载使用APP时，能够直接获取APP中的组件信息，使用户在使用APP时更加流畅，由此解决了现有的通过访问保存在服务器上的URL来进入承载有应用程序网页，而造成的用户体验不流畅的问题。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1为第一实施例提供的应用程序生成方法流程图；图2为第二实施例提供的应用程序生成方法流程图；图3为第三实施例提供的应用程序生成装置结构框图；图4为第四实施例提供的应用程序生成装置结构框图；图5为第五实施例提供的服务器的结构框图；图6为第七实施例提供的应用程序生成方法中组件拖拽时的示意图；图7为第七实施例提供的应用程序生成方法流程图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。本专利技术第一实施例提供一种应用程序生成方法，如图1所示，包括以下具体步骤：步骤S11，创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能；本步骤中，React组件指基于React技术创建获得的组件；本步骤通过将React组件保存在组件库中，便于后续根据用户需求选择相应的组件来生成应用程序；本步骤中，React组件是用于使APP实现某一特定功能，具体的所述React组件包括以下一种或多种：多tab组件、列表信息流组件、图片展示组件和文本组件；例如某新闻软件中，顶部会间隔预定时间循环播放图片，其具体就是图片轮播组件，用于在APP中实现图片的循环播放。再例如应用程序“微信”，“微信”中的“通讯录”、“发现”及“我”即为一种多tab切换组件，其中的“朋友圈”、“扫一扫”等也是一种React组件。步骤S12，根据需求将组件库中的React组件展示在可视区域，并对所述可视区域中的各所述React组件及各所述React组件的信息进行保存；本步骤中可视区域为一展示框，用于模拟终端界面，具体可以将React组件拖拽到可视区域来预先模拟终端下载应用程序后，各React组件在终端界面的位置关系，比如，在可视区域的顶部将React组件1、React组件2和React组件3依次排成一行，那么用户在用终端下载生成的应用程序后，应用程序的界面将在顶部按照React组件1、React组件2和React组件3的顺序展示上述三个组件。步骤S13，将保存的React组件转换成React-Native组件即RN资源；本步骤中在转换时，具体是将React组件转换成利用JavaScript编写的脚本文件的代码即React-Native组件，React-Native组件是js代码，本文档来自技高网...

【技术保护点】
1.一种应用程序生成方法，其特征在于，所述方法包括如下步骤：创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能；根据需求将组件库中的React组件展示在可视区域，并对所述可视区域中的各所述React组件及各所述React组件的信息进行保存；将保存的所述React组件转换成React‑Native组件；对所述React‑Native组件进行打包并存储在应用程序容器中生成应用程序。

【技术特征摘要】
1.一种应用程序生成方法，其特征在于，所述方法包括如下步骤：创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能；根据需求将组件库中的React组件展示在可视区域，并对所述可视区域中的各所述React组件及各所述React组件的信息进行保存；将保存的所述React组件转换成React-Native组件；对所述React-Native组件进行打包并存储在应用程序容器中生成应用程序。2.如权利要求1所述的应用程序生成方法，其特征在于，在获得应用程序后，所述方法还包括：对生成的应用程序进行编译打包，并生成用于供用户下载所述应用程序的唯一标识码。3.如权利要求1所述的应用程序生成方法，其特征在于，所述React组件包括以下一种或多种：多tab组件、列表信息流组件、图片展示组件和文本组件。4.如权利要求1所述的应用程序生成方法，其特征在于，所述React组件的信息包括以下一种或几种：React组件的名称、React组件的顺序信息、React组件的位置信息和React组件间的嵌套关系信息。5.一种应用程序生成装置，其特征在于，包括：创建模块，用于创建React组件，并将创建的组件保存在组件库中；其中，所述React组件用于在APP中实现预定功能；存储模块，用于根据需求将组件库中的R...

【专利技术属性】
技术研发人员：郭方清，吕庆春，彭飞，
申请(专利权)人：五八有限公司，
类型：发明
国别省市：天津,12