CN112035112A - Application program development method, system, medium and electronic device - Google Patents
Application program development method, system, medium and electronic device Download PDFInfo
- Publication number
- CN112035112A CN112035112A CN202010910040.5A CN202010910040A CN112035112A CN 112035112 A CN112035112 A CN 112035112A CN 202010910040 A CN202010910040 A CN 202010910040A CN 112035112 A CN112035112 A CN 112035112A
- Authority
- CN
- China
- Prior art keywords
- layer
- development
- native
- component
- business
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000011161 development Methods 0.000 claims abstract description 150
- 238000013461 design Methods 0.000 claims abstract description 49
- 230000003993 interaction Effects 0.000 claims abstract description 35
- 230000010365 information processing Effects 0.000 claims abstract description 10
- 230000006870 function Effects 0.000 claims description 30
- 230000008569 process Effects 0.000 claims description 15
- 241000737241 Cocos Species 0.000 claims description 5
- 238000004590 computer program Methods 0.000 claims description 5
- 238000005253 cladding Methods 0.000 claims 2
- 230000018109 developmental process Effects 0.000 description 111
- 238000012545 processing Methods 0.000 description 15
- 230000009471 action Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000002452 interceptive effect Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013480 data collection Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The present disclosure relates to a method and a system for developing an application program, wherein the method comprises the following steps: designing and implementing a business layer based on a first development system, wherein the business layer is used for constructing a graphical user interface of operation related to the business development design of an application program; implementing an integrated development environment layer based on a second development system design, the integrated development environment layer to construct a graphical user interface for operations related to the application programming; the service layer is configured with a preset interaction interface to realize information interaction between the service layer and the integrated development environment layer, and the information processing in the service layer and the integrated development environment layer is realized by calling corresponding native components of a system native layer respectively. The embodiment of the disclosure can reduce development time, improve the overall development efficiency and reduce development cost.
Description
Technical Field
The embodiment of the disclosure relates to the technical field of computers, and in particular relates to a multi-system joint operation cross-platform application program APP development method, a multi-system joint operation cross-platform application program APP development system, and a computer readable storage medium and an electronic device for implementing the multi-system joint operation cross-platform application program APP development method.
Background
The application programs APP (application) running on the intelligent electronic device include Native APP (running based on a local operating system) and Web APP (running based on a browser), wherein the Native APP is Native APP. Native APP development refers to native operating system based APP development services.
Most of the APPs today belong to native APP applications. When native APP is developed, the development period is long, the efficiency is low, and the development cost is increased. After an APP is developed on the same platform, other APPs are developed on the same platform, the code reuse rate is low, or code reuse can be realized only by making a lot of changes, which also results in high development cost.
Disclosure of Invention
In order to solve the technical problem or at least partially solve the technical problem, embodiments of the present disclosure provide a method and a system for developing a multi-system joint-running cross-platform application, and a computer-readable storage medium and an electronic device for implementing the method for developing the multi-system joint-running cross-platform application.
In a first aspect, an embodiment of the present disclosure provides a multi-system joint running method for developing an APP of a cross-platform application, including:
designing and realizing a business layer based on a first development system, wherein the business layer is used for constructing a graphical user interface of operation related to the business development design of an application program APP;
designing and realizing an Integrated Development Environment (IDE) layer based on a second development system, wherein the IDE layer is used for constructing a graphical user interface of operation related to the APP programming;
the business layer is configured with a preset interaction interface to realize information interaction between the business layer and the IDE layer, and the information processing in the business layer and the IDE layer is realized by calling corresponding native components of a system native layer respectively.
In some embodiments of the present disclosure, the business development design of the APP at least includes one or more of a business function design, a display interface layout design, and an information interaction design; the business layer is configured with one or more independent preset business function components related to the business function design of the APP; the native layer is configured with corresponding native components that can be invoked by each of the pre-set business function components.
In some embodiments of the present disclosure, the service layer is configured with a first software development kit SDK Wrapper component related to information interaction design of the APP; the native layer is configured with a second SDK Wrapper component that interacts with the first SDK Wrapper component; the second SDK Wrapper component is configured to interact with a Software Development Kit (SDK) layer.
In some embodiments of the present disclosure, each of the first and second SDK Wrapper components is configured with at least a login module and/or a data statistics module; the SDK layer is provided with another login module and another data statistics module which are correspondingly interacted with the login module and the data statistics module respectively.
In some embodiments of the present disclosure, the IDE layer is configured with a data statistics output interface component, the native layer is configured with a corresponding data statistics output interface native component that can be invoked by the data statistics component output interface component; the data statistics output interface native component is configured to output information to the other data statistics module of the SDK layer.
In some embodiments of the present disclosure, the business layer and the IDE layer are both implemented based on JavaScript, the IDE layer supporting HTML 5; the IDE layer is provided with a preset component, and the native layer is provided with a corresponding preset native component which can be called by the preset component; and the preset native component is bound with the WebView native component of the native layer so as to directly call the WebView native component to process corresponding operation when being called.
In some embodiments of the present disclosure, the preset components of the IDE layer configuration include at least a recording component, and the corresponding preset native components include a recording native component.
In some embodiments of the present disclosure, further comprising: after the APP development is completed, outputting the SDK formed by all the native components of the native layer.
In some embodiments of the present disclosure, the first development system is a Cocos creator development tool and the second development system is a scritchjr development tool; and/or the APP business development design is related to education courses, and the preset business function component configured by the business layer comprises at least one of a local I/O component, a video playing component and a WebView component.
In a second aspect, an embodiment of the present disclosure provides a multi-system joint-running cross-platform application development system, including:
the system comprises a business layer development module, a business layer development module and a business layer management module, wherein the business layer development module is used for designing and realizing a business layer based on a first development system, and the business layer is used for constructing a graphical user interface of operation related to the development and design of an application program APP;
the IDE layer development module is used for designing and realizing an IDE layer of an integrated development environment based on a second development system, and the IDE layer is used for constructing a graphical user interface of operation related to the APP programming;
and the information interaction module is used for configuring a preset interaction interface for the service layer so as to realize information interaction between the service layer and the IDE layer, so that the information processing in the service layer and the IDE layer is realized by calling corresponding native components of a native layer of the system respectively.
In a third aspect, the present disclosure provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the steps of the cross-platform APP development method in any of the foregoing embodiments.
In a fourth aspect, an embodiment of the present disclosure provides an electronic device, including:
a processor; and
a memory for storing executable instructions of the processor;
wherein the processor is configured to execute the steps of the cross-platform application APP development method of any of the above embodiments via execution of the executable instructions
Compared with the prior art, the technical scheme provided by the embodiment of the disclosure has the following advantages:
in the embodiment of the disclosure, a business layer is designed and implemented based on a first development system, the business layer is used for constructing a graphical user interface of operation related to business development and design of an application program APP, then an integrated development environment IDE layer is designed and implemented based on a second development system, and the IDE layer is used for constructing a graphical user interface of operation related to APP programming. The business layer is configured with a preset interaction interface to realize information interaction between the business layer and the IDE layer, and the information processing in the business layer and the IDE layer is realized by calling corresponding native components of a system native layer respectively. Therefore, the design service layer and the IDE layer can be separately and synchronously developed and designed in parallel respectively in the embodiment, and then can be butted based on the interactive interface, so that the waiting time of linear development is reduced, the overall development efficiency of the project is improved, and the development cost is reduced. And the information processing in the service layer and the IDE layer is realized by calling corresponding native components of the native layer of the system respectively, so that the dependence between the service layer and the IDE layer can be reduced, and each part can run independently as much as possible, thereby increasing the parallelism in the development process, further improving the overall development efficiency and reducing the development cost.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure.
In order to more clearly illustrate the embodiments or technical solutions in the prior art of the present disclosure, the drawings used in the description of the embodiments or prior art will be briefly described below, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without inventive exercise.
FIG. 1 is a flowchart of a cross-platform application APP development method according to an embodiment of the present disclosure;
FIG. 2 is a schematic diagram of a cross-platform application APP development architecture in accordance with an embodiment of the present disclosure;
FIG. 3 is a flowchart of a cross-platform application APP development method according to an embodiment of the present disclosure;
FIG. 4 is a schematic diagram of a cross-platform application APP development apparatus according to an embodiment of the present disclosure;
fig. 5 is a schematic diagram of an electronic device for implementing a cross-platform APP development method according to an embodiment of the present disclosure.
Detailed Description
In order that the above objects, features and advantages of the present disclosure may be more clearly understood, aspects of the present disclosure will be further described below. It should be noted that the embodiments and features of the embodiments of the present disclosure may be combined with each other without conflict.
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present disclosure, but the present disclosure may be practiced in other ways than those described herein; it is to be understood that the embodiments disclosed in the specification are only a few embodiments of the present disclosure, and not all embodiments.
Fig. 1 is a flowchart of a method for developing an APP of a cross-platform application program in multi-system joint operation, which may include the following steps:
step S101: and designing and realizing a business layer based on the first development system, wherein the business layer is used for constructing a graphical user interface of operation related to the business development design of the application program APP.
Step S102: and designing and realizing an Integrated Development Environment (IDE) layer based on a second development system, wherein the IDE layer is used for constructing a graphical user interface of operation related to the APP programming.
Step S103: the business layer is configured with a preset interaction interface to realize information interaction between the business layer and the IDE layer, and the information processing in the business layer and the IDE layer is realized by calling corresponding native components of a system native layer respectively.
In the multi-system joint operation cross-platform APP Development method of this embodiment, the design service layer and the ide (integrated Development environment) layer may be separately and synchronously developed in parallel, and then may be docked based on the interactive interface, so as to reduce the waiting time for linear Development, improve the overall Development efficiency of the project, and reduce the Development cost. And the information processing in the service layer and the IDE layer is realized by calling corresponding native components of the native layer of the system respectively, so that the dependence between the service layer and the IDE layer can be reduced, and each part can run independently as much as possible, thereby increasing the parallelism in the development process, further improving the overall development efficiency and reducing the development cost.
In some embodiments of the present disclosure, the first development system may be a Cocos creator development tool and the second development system may be a scritchjr development tool, but is not limited thereto. For this development tool, reference may be made to the prior art and no further details are given here. In this embodiment, in step S101, a service layer may be specifically implemented based on a Cocos creator development tool, where the service layer is used to construct a graphical user interface of an operation related to the service development design of the application APP. The business development design of the APP can be realized through the user operation on the graphical user interface. For example, in some embodiments of the present disclosure, the business development design of the APP may include at least one or more of, but is not limited to, a business function design, a display interface layout design, and an information interaction design. Referring to fig. 2, specifically, as an example, the service layer is configured with one or more independent preset service function components related to the service function design of the APP, and the preset service function component may be at least one of a local I/O component, a video playing component, and a WebView component, for example. In one scenario, the APP service development design is associated with an educational course, the video playing component can display video course related information, and the local I/O component can cache the video course, etc. Correspondingly, in the APP service development design, the display interface layout design can relate to almost all UI-related page operations such as course lists and the like, UI adaptation and the like. Information interaction design may involve data interaction with an associated server, and so on.
And the native layer such as a native component layer of the android system is configured with a corresponding native component which can be called by each preset business function component. As shown in fig. 2, for example, the local I/O component is configured with a local I/O native component, and the video playing component is configured with a video playing native component, so that when the relevant information of the service layer itself is processed, the corresponding native component of the native layer may be called to perform specific processing. Correspondingly, IDE layer oneself needs native subassembly support, IDE layer self calls corresponding native subassembly at native layer and specifically handles to avoid APP business layer as far as possible, make APP business layer and IDE layer function handle separately as far as possible, interference each other when reducible APP business layer and IDE layer development after the data interaction interface is well defined, and then can increase the degree of parallelism among the development process, further improve whole development efficiency, reduce development cost. In addition, in this embodiment, different service function components of the APP service layer adopt a design of a relatively independent system, so that platform-level reusability can be increased, and development cost is further reduced.
In some embodiments of the present disclosure, the service function component may be added as needed, and the added service function component may be processed in a manner of adding a module, a plug-in, or similar low cost, for example, without changing a large architecture of the client too much, and the extensibility is good, which may reduce development and maintenance costs.
Optionally, as shown in fig. 2, in some embodiments of the present disclosure, the service layer and the IDE layer may interact through a preset interaction interface, such as a cos encapsulation interface, for example, when the IDE is started, a uniform Resource locator url (uniform Resource locator) of, for example, sjr file is transmitted to the service layer through the preset interaction interface, and meanwhile, whether to cache locally in the IDE layer may also be determined according to the situation. The loading (loading) page when loading the IDE is the service layer processing, and the service layer loading can be informed to end after the IDE loading is finished.
Optionally, in some embodiments of the present disclosure, the business layer is configured with a first software Development kit (sdk) (software Development kit) Wrapper component related to information interaction design (e.g., login, data statistics, etc.) of the APP. The native layer is configured with a second SDK Wrapper component that interacts with the first SDK Wrapper component. When the first SDK Wrapper component of the service layer realizes login such as WeChat login or data statistics, the second SDK Wrapper component of the native layer can be called to perform specific processing. And the second SDK Wrapper component can interact with the software development kit SDK layer when being specifically processed.
For example, in some embodiments of the present disclosure, as shown in fig. 2, at least a login module and/or a data statistics module are configured in each of the first SDK Wrapper component and the second SDK Wrapper component, but not limited thereto. The SDK layer is configured with another login module and another data statistics module that interact with the login module and the data statistics module respectively, but is not limited thereto.
Specifically, the service layer may interact with the SDK layer, for example, may include interaction such as wechat login and data statistics, specifically, the first SDK Wrapper component may call the login module and the data statistics module in the second SDK Wrapper component to respectively implement interaction such as wechat login and data statistics, and the login module and the data statistics module in the second SDK Wrapper component further interactively transmit, for example, statistical data with another login module and another data statistics module corresponding to the SDK layer. Based on the service layer and the IDE layer shown below, data dotting is required, such as data acquisition statistics, and in order to serially dotte data and ensure the sequence, the data dotting part is processed in the SDK layer in this embodiment. The SDK layer can uniformly cache the received statistical data and transmit the statistical data to the server in batches at regular time.
In some embodiments of the present disclosure, in step S102, an IDE layer may be implemented based on a scritchjr development tool, where the IDE layer is used to construct a graphical user interface of operations related to the APP programming, such as UI display and adaptation of the IDE layer, code block function processing, material library processing, drawing processing, running and closing programs, and the like. The IDE layer may run on the WebView component. The IDE layer may interact with the business layer, such as interaction including the page loading success callback information described above.
Optionally, in some embodiments of the present disclosure, the IDE layer may interact with the SDK layer, mainly including data dotting. The IDE layer may be configured with a data statistics output interface component, the native layer being configured with a corresponding data statistics output interface native component that may be invoked by the data statistics component output interface component. The data statistics output interface native component is configured to output information, such as the statistics described above, to the other data statistics module of the SDK layer. Also, the IDE layer may require data dotting, such as data collection statistics, which is specifically handled by the SDK layer.
Optionally, in some embodiments of the disclosure, the business layer and the IDE layer may both be implemented based on JavaScript, and the IDE layer may support HTML5, so that the IDE layer may run in a WebView component. The IDE layer may be configured with a preset component, and the native layer may be configured with a corresponding preset native component that may be invoked by the preset component. And the preset native component is bound with the WebView native component of the native layer so as to directly call the WebView native component to process corresponding operation when being called.
For example, in some embodiments of the present disclosure, as shown in fig. 2, the preset component of the IDE layer configuration may include at least a recording component, and the corresponding preset native component may include a recording native component, but is not limited thereto. When the IDE layer internally processes a recording function, for example, the recording native component of the native layer can be called to specifically process through the recording component, and when the recording native component is called, the WebView native component can be directly called to process corresponding operation.
Specifically, in this embodiment, the IDE layer may interact with the native layer, for example, functions such as recording. The JavaScript part of the business layer can provide a WebView component, and the business layer can call the WebView component provided by the system at runtime through an Application Program Interface (API), such as a WKWebView component on an iOS system. In the embodiment, for example, a recording native component of the recording component of the IDE layer corresponding to the native layer is directly bound with a WebView native component of the service layer corresponding to the native layer, such as binding of an interactive interface, when the IDE layer realizes, for example, a recording function, the IDE layer can be realized without transferring the WebView component of the service layer through a service layer API, that is, without associating with the service layer, so that dependence between the service layer and the IDE layer can be reduced, and the IDE layer and the service layer operate independently as much as possible, so that parallelism in a development process is increased, overall development efficiency is further improved, and development cost is reduced.
Optionally, in some embodiments of the present disclosure, the SDK layer is used for SDK processing of project access, and the main processing content may include login and registration, for example, login and registration of a WeChat, and the WeChat software program processing needs to be invoked. The processed content may also include data statistics, and in one embodiment, a policy SDK may be accessed, serializing data received from the service layer and IDE layer, and then timed bulk-transferring to the SDK or server.
On the basis of any of the above embodiments, in some embodiments of the present disclosure, as shown in fig. 3, the development method may further include the following steps:
step S301: after the APP development is completed, outputting the SDK formed by all the native components of the native layer. So can accomplish the back at development, the SDK of the native subassembly of synchronous output to supply other projects to use, thereby accomplish development, multiplexing many times, make after an APP has been developed to the same platform, again develop other APPs at the same platform, the code reuse rate is higher, and can cross platform multiplexing, reduce the cost of different platform developments.
It should be noted that although the various steps of the methods of the present disclosure are depicted in the drawings in a particular order, this does not require or imply that these steps must be performed in this particular order, or that all of the depicted steps must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions, etc. Additionally, it will also be readily appreciated that the steps may be performed synchronously or asynchronously, e.g., among multiple modules/processes/threads.
Based on the same concept, an embodiment of the present disclosure provides a multi-system joint running cross-platform application development system, as shown in fig. 4, the cross-platform application development system may include: the business layer development module 401 is configured to design and implement a business layer based on a first development system, where the business layer is configured to construct a graphical user interface of an operation related to development and design of an application APP. An IDE layer development module 402 to implement an integrated development environment IDE layer based on a second development system design, the IDE layer to construct a graphical user interface for operations related to the APP programming. An information interaction module 403, configured to configure a preset interaction interface for the service layer to implement information interaction between the service layer and the IDE layer, so that information processing in each of the service layer and the IDE layer is implemented by calling a corresponding native component of a native layer of the system.
In some embodiments of the present disclosure, the business development design of the APP may include at least one or more of, but is not limited to, a business function design, a display interface layout design, and an information interaction design; the business layer is configured with one or more independent preset business function components related to the business function design of the APP; the native layer is configured with corresponding native components that can be invoked by each of the pre-set business function components.
In some embodiments of the present disclosure, the service layer is configured with a first software development kit SDK Wrapper component related to information interaction design of the APP; the native layer is configured with a second SDK Wrapper component that interacts with the first SDK Wrapper component; the second SDK Wrapper component is configured to interact with a Software Development Kit (SDK) layer.
In some embodiments of the present disclosure, each of the first and second SDK Wrapper components is configured with at least a login module and/or a data statistics module; the SDK layer is provided with another login module and another data statistics module which are correspondingly interacted with the login module and the data statistics module respectively.
In some embodiments of the present disclosure, the IDE layer is configured with a data statistics output interface component, the native layer is configured with a corresponding data statistics output interface native component that can be invoked by the data statistics component output interface component; the data statistics output interface native component is configured to output information to the other data statistics module of the SDK layer.
In some embodiments of the present disclosure, the business layer and the IDE layer are both implemented based on JavaScript, the IDE layer supporting HTML 5; the IDE layer is provided with a preset component, and the native layer is provided with a corresponding preset native component which can be called by the preset component; and the preset native component is bound with the WebView native component of the native layer so as to directly call the WebView native component to process corresponding operation when being called.
In some embodiments of the present disclosure, the preset components of the IDE layer configuration may include at least a recording component, and the corresponding preset native components include a recording native component.
In some embodiments of the present disclosure, an output module may be further included to output the SDK formed by all native components of the native layer after the APP development is completed.
In some embodiments of the present disclosure, the first development system is a Cocos creator development tool and the second development system is a scritchjr development tool, but is not so limited. In some embodiments of the present disclosure, the APP service development design is related to an educational course, and the preset service function component of the service layer configuration may include, but is not limited to, at least one of a local I/O component, a video playing component, and a WebView component.
With regard to the system in the above embodiment, the specific manner in which each module performs operations and the corresponding technical effects have been described in detail in the embodiment related to the method, and will not be described in detail herein.
It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units. The components shown as modules or units may or may not be physical units, i.e. may be located in one place or may also be distributed over a plurality of network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the wood-disclosed scheme. One of ordinary skill in the art can understand and implement it without inventive effort.
The embodiment of the present disclosure further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the steps of the cross-platform application APP development method described in any one of the above embodiments.
By way of example, and not limitation, such readable storage media can be an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The computer readable storage medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable storage medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a readable storage medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Embodiments of the present disclosure also provide an electronic device, such as a development server, including a processor and a memory for storing executable instructions of the processor. Wherein the processor is configured to perform the steps of the cross-platform application APP development method in any of the above embodiments via execution of the executable instructions.
An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 5. The electronic device 600 shown in fig. 5 is only an example and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 5, the electronic device 600 is embodied in the form of a general purpose computing device. The components of the electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one storage unit 620, a bus 630 that connects the various system components (including the storage unit 620 and the processing unit 610), a display unit 640, and the like.
Wherein the storage unit stores program codes, which can be executed by the processing unit 610, so that the processing unit 610 executes the steps according to various exemplary embodiments of the present invention described in the above section of the cross-platform application APP development method of the present specification. For example, the processing unit 610 may perform the steps of the method as shown in fig. 1.
The storage unit 620 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)6201 and/or a cache memory unit 6202, and may further include a read-only memory unit (ROM) 6203.
The memory unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 600, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 600 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 650. Also, the electronic device 600 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 via the bus 630. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, or a network device, etc.) to execute the above cross-platform APP development method according to the embodiments of the present disclosure.
It is noted that, in this document, relational terms such as "first" and "second," and the like, may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
The foregoing are merely exemplary embodiments of the present disclosure, which enable those skilled in the art to understand or practice the present disclosure. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the disclosure. Thus, the present disclosure is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (12)
1. An application development method, comprising:
designing and implementing a business layer based on a first development system, wherein the business layer is used for constructing a graphical user interface of operation related to the business development design of an application program;
implementing an integrated development environment layer based on a second development system design, the integrated development environment layer to construct a graphical user interface for operations related to the application programming;
the service layer is configured with a preset interaction interface to realize information interaction between the service layer and the integrated development environment layer, and the information processing in the service layer and the integrated development environment layer is realized by calling corresponding native components of a system native layer respectively.
2. The method for developing the application program according to claim 1, wherein the business development design of the application program at least comprises one or more of a business function design, a display interface layout design and an information interaction design;
the business layer is configured with one or more independent preset business function components related to the business function design of the application program; the native layer is configured with corresponding native components that can be invoked by each of the pre-set business function components.
3. The method for developing the application program according to claim 2, wherein the business layer is configured with a first software development kit Wrapper component related to information interaction design of the application program;
the native layer is configured with a second software development kit Wrapper component that interacts with the first software development kit Wrapper component; the second software development kit Wrapper component is configured to interact with a software development kit Wrapper.
4. The method for developing the application program according to claim 3, wherein each of the first software development kit Wrapper component and the second software development kit Wrapper component is configured with at least a login module and/or a data statistics module;
the software development tool cladding is configured with another login module and another data statistics module which interact with the login module and the data statistics module respectively and correspondingly.
5. The application development method of claim 4, wherein the integrated development environment layer is configured with a data statistics output interface component, and the native layer is configured with a corresponding data statistics output interface native component that can be invoked by the data statistics component output interface component; the data statistics output interface native component is configured to output information to the other data statistics module of the software development tool cladding.
6. The application development method of claim 1, wherein the business layer and the integrated development environment layer are implemented based on JavaScript, and the integrated development environment layer supports HTML 5; the integrated development environment layer is configured with preset components, and the native layer is configured with corresponding preset native components which can be called by the preset components; and the preset native component is bound with the WebView native component of the native layer so as to directly call the WebView native component to process corresponding operation when being called.
7. The method for developing an application program according to claim 6, wherein the preset components of the integrated development environment layer configuration at least include a recording component, and the corresponding preset native components include recording native components.
8. The application development method according to any one of claims 1 to 7, further comprising: and after the application program development is finished, outputting a software development kit formed by all the native components of the native layer.
9. The method for developing an application program according to any one of claims 2 to 7, wherein the first development system is a Cocos creator development tool, and the second development system is a ScratchJr development tool;
and/or the service development design of the application program is related to an education course, and the preset service function component configured by the service layer comprises at least one of a local I/O component, a video playing component and a WebView component.
10. An application development system, comprising:
the system comprises a business layer development module, a business layer development module and a business layer management module, wherein the business layer development module is used for designing and realizing a business layer based on a first development system, and the business layer is used for constructing a graphical user interface of operation related to the development and design of an application program;
an integrated development environment layer development module for implementing an integrated development environment layer based on a second development system design, the integrated development environment layer for constructing a graphical user interface for operations related to the application programming;
and the information interaction module is used for configuring a preset interaction interface for the service layer so as to realize information interaction between the service layer and the integrated development environment layer, and the information processing in the service layer and the integrated development environment layer is realized by respectively calling corresponding native components of a system native layer.
11. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the application development method of any one of claims 1 to 9.
12. An electronic device, comprising:
a processor; and
a memory for storing executable instructions of the processor;
wherein the processor is configured to perform the steps of the application development method of any of claims 1-9 via execution of the executable instructions.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010910040.5A CN112035112B (en) | 2020-09-02 | 2020-09-02 | Application program development method, system, medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010910040.5A CN112035112B (en) | 2020-09-02 | 2020-09-02 | Application program development method, system, medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112035112A true CN112035112A (en) | 2020-12-04 |
| CN112035112B CN112035112B (en) | 2024-04-05 |
Family
ID=73592227
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010910040.5A Active CN112035112B (en) | 2020-09-02 | 2020-09-02 | Application program development method, system, medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112035112B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112395347A (en) * | 2021-01-15 | 2021-02-23 | 金陵科技学院 | APP Wrapper construction algorithm |
| CN113626105A (en) * | 2021-08-18 | 2021-11-09 | 赞同科技股份有限公司 | SDK system and mobile device of mobile terminal mixed mode |
| CN114722161A (en) * | 2022-06-09 | 2022-07-08 | 广州易方信息科技股份有限公司 | Method and device for rapidly inquiring state of single task of adding PM on IDE interface |
| CN115080189A (en) * | 2022-07-14 | 2022-09-20 | 清华大学 | iOS end application program system of microcavity sensor and data processing method |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140297713A1 (en) * | 2013-03-26 | 2014-10-02 | Sap Ag | Integrated development environment for heterogeneous client/server environments |
| US20170097822A1 (en) * | 2015-10-05 | 2017-04-06 | International Business Machines Corporation | Development team file collaboration |
| CN107291465A (en) * | 2017-06-14 | 2017-10-24 | 北京小米移动软件有限公司 | page display method, device and storage medium |
| CN107463387A (en) * | 2017-09-12 | 2017-12-12 | 中国农业大学 | A kind of cross-platform rural tourism APP implementation method and device |
| CN108874556A (en) * | 2018-05-23 | 2018-11-23 | 北京五八信息技术有限公司 | A kind of data interactive method, device, storage medium and mobile terminal |
| WO2019072110A1 (en) * | 2017-10-11 | 2019-04-18 | 阿里巴巴集团控股有限公司 | Method for generating application program, apparatus, system, device, and medium |
| CN109901827A (en) * | 2019-03-13 | 2019-06-18 | 厦门美图之家科技有限公司 | Using exchange method, device, electronic equipment and readable storage medium storing program for executing |
| CN109960501A (en) * | 2019-02-18 | 2019-07-02 | 青岛聚好联科技有限公司 | Application APP framework model, processing method and terminal device |
| CN110928571A (en) * | 2018-08-31 | 2020-03-27 | 北京京东尚科信息技术有限公司 | Business program development method and device |
| CN111158818A (en) * | 2019-12-24 | 2020-05-15 | 中国建设银行股份有限公司 | Page rendering method and device |
| CN111290737A (en) * | 2020-01-20 | 2020-06-16 | 北京字节跳动网络技术有限公司 | Method and device for application program development and electronic equipment |
| CN111464858A (en) * | 2020-03-09 | 2020-07-28 | 五八有限公司 | Video playing method and device |
-
2020
- 2020-09-02 CN CN202010910040.5A patent/CN112035112B/en active Active
Patent Citations (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140297713A1 (en) * | 2013-03-26 | 2014-10-02 | Sap Ag | Integrated development environment for heterogeneous client/server environments |
| US20170097822A1 (en) * | 2015-10-05 | 2017-04-06 | International Business Machines Corporation | Development team file collaboration |
| CN107291465A (en) * | 2017-06-14 | 2017-10-24 | 北京小米移动软件有限公司 | page display method, device and storage medium |
| CN107463387A (en) * | 2017-09-12 | 2017-12-12 | 中国农业大学 | A kind of cross-platform rural tourism APP implementation method and device |
| CN109656538A (en) * | 2017-10-11 | 2019-04-19 | 阿里巴巴集团控股有限公司 | Generation method, device, system, equipment and the medium of application program |
| WO2019072110A1 (en) * | 2017-10-11 | 2019-04-18 | 阿里巴巴集团控股有限公司 | Method for generating application program, apparatus, system, device, and medium |
| CN108874556A (en) * | 2018-05-23 | 2018-11-23 | 北京五八信息技术有限公司 | A kind of data interactive method, device, storage medium and mobile terminal |
| CN110928571A (en) * | 2018-08-31 | 2020-03-27 | 北京京东尚科信息技术有限公司 | Business program development method and device |
| CN109960501A (en) * | 2019-02-18 | 2019-07-02 | 青岛聚好联科技有限公司 | Application APP framework model, processing method and terminal device |
| CN109901827A (en) * | 2019-03-13 | 2019-06-18 | 厦门美图之家科技有限公司 | Using exchange method, device, electronic equipment and readable storage medium storing program for executing |
| CN111158818A (en) * | 2019-12-24 | 2020-05-15 | 中国建设银行股份有限公司 | Page rendering method and device |
| CN111290737A (en) * | 2020-01-20 | 2020-06-16 | 北京字节跳动网络技术有限公司 | Method and device for application program development and electronic equipment |
| CN111464858A (en) * | 2020-03-09 | 2020-07-28 | 五八有限公司 | Video playing method and device |
Non-Patent Citations (3)
| Title |
|---|
| JAVA和ANDROID架构: "APP跨平台开发技术（Flutter VS React Native）分析", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/xJ032w2j4cCjhOW8s8/article/details/88802182> * |
| PASSIONYXT: "CocosCreator入门", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/yupu56/article/details/89389755> * |
| SAYIAINA: "ScratchJr-ScratchJr介绍", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/sayiaina/article/details/105306815> * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112395347A (en) * | 2021-01-15 | 2021-02-23 | 金陵科技学院 | APP Wrapper construction algorithm |
| CN112395347B (en) * | 2021-01-15 | 2021-04-09 | 金陵科技学院 | APP Wrapper construction method |
| CN113626105A (en) * | 2021-08-18 | 2021-11-09 | 赞同科技股份有限公司 | SDK system and mobile device of mobile terminal mixed mode |
| CN113626105B (en) * | 2021-08-18 | 2023-10-27 | 赞同科技股份有限公司 | SDK system of mobile terminal mixed mode and mobile device |
| CN114722161A (en) * | 2022-06-09 | 2022-07-08 | 广州易方信息科技股份有限公司 | Method and device for rapidly inquiring state of single task of adding PM on IDE interface |
| CN115080189A (en) * | 2022-07-14 | 2022-09-20 | 清华大学 | iOS end application program system of microcavity sensor and data processing method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112035112B (en) | 2024-04-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111158818B (en) | Page rendering method and device | |
| CN112035112A (en) | Application program development method, system, medium and electronic device | |
| US11762634B2 (en) | Systems and methods for seamlessly integrating multiple products by using a common visual modeler | |
| WO2018228211A1 (en) | Application conversion method, apparatus and device | |
| WO2018177260A1 (en) | Application development method and tool, device, and storage medium thereof | |
| US9286040B2 (en) | Software builder | |
| US9710261B2 (en) | Techniques to enhance software production | |
| US10402308B2 (en) | Sandboxing for custom logic | |
| KR20150043333A (en) | User interface control framework for stamping out controls using a declarative template | |
| CN104111855A (en) | Method for dynamic update of iOS (Iphone Operation System) client based on Lua | |
| CN102955694A (en) | Client implementation method based on WebKit browser and client | |
| CN105955731B (en) | A kind of quick write method of mobile phone games and system | |
| CN109669692B (en) | Source code sharing method, server, computer readable storage medium and system | |
| EP2820541A1 (en) | Persistent storage of profile data for script compilation | |
| CN110895471A (en) | Installation package generation method, device, medium and electronic equipment | |
| CN111290737B (en) | Method and device for application program development and electronic equipment | |
| CN103443763A (en) | ISA bridging including support for call to overidding virtual functions | |
| US20220300262A1 (en) | Method for constructing, running and implementing cross-platform application, terminal, server and system | |
| CN112214250A (en) | Application program assembly loading method and device | |
| KR101907660B1 (en) | Terminal apparatus having operating system based on web and method for providing service using thereof | |
| CN108614697B (en) | Background Dex compiling control method and device | |
| CN112631563A (en) | System development method and device based on framework, computer equipment and storage medium | |
| CN111367561A (en) | Software program remote development method and device | |
| CN115934093A (en) | Applet cross-terminal application method, related device and computer storage medium | |
| WO2022009011A1 (en) | Managing asynchronous operations in cloud computing environments |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |