CN114610296A - Front-end development platform based on Electron - Google Patents

Abstract

The embodiment of the application provides a front-end development platform based on an Electron and a project implementation method, and relates to the technical field of front-end development. The front-end development platform comprises: the system comprises a basic module, a process module, a compiling module, a hot updating module and a project template library module; the basic module comprises an npm functional module and a node.js functional module and is used for providing basic development service for projects; a process module for managing an independent development process corresponding to the project; the compiling module is used for compiling the project; the hot updating module is used for providing hot updating development service for the project; and the project template library module is used for initializing the project according to the project template library. The front-end development platform in the embodiment of the application integrates the node. js and npm modules, and effectively avoids the problems encountered when the modules are independently installed.

Description

Front-end development platform based on Electron

Technical Field

The application relates to the technical field of front-end development, in particular to a front-end development platform and a project implementation method.

Background

Other front-end development platforms on the market currently need to be configured in advance with the system environment of node.js and npm modules before installation, i.e. the installation of node.js and npm modules is separated from the installation of the development platform. In the actual operation of the user, various configurations (especially win 10 environments) need to be performed on the personal system environment in the process of installing node.js and npm, so that various problems occur in the process of installing node.js and npm, which brings a poor experience to the user and hinders the development progress of front-end applications.

Disclosure of Invention

The application provides a front-end development platform and a project implementation method, which can solve various problems caused by a personal system environment in the process of node.js and npm installation. The method comprises the following specific steps:

in a first aspect, an embodiment of the present application provides a front-end development platform based on Electron, including:

the system comprises a basic module, a process module, a compiling module, a hot updating module and a project template library module;

the basic module comprises an npm functional module and a node.js functional module and is used for providing basic development service;

the process module is used for processing the process service of the front-end development platform;

the compiling module is used for compiling the project;

the hot updating module is used for providing hot updating development service for the project;

and the project template library module is used for initializing the new project according to the project template library.

In some embodiments, the project template library module is specifically configured to:

determining the template project of the new project according to an operation instruction which is input by a user and used for selecting the template project; configuring initialization information of the template project according to a configuration information operation instruction input by a user; and acquiring a project template corresponding to the template project from the project template library according to the initialization information so as to complete the initialization of the new project.

In some embodiments, the base module is specifically configured to:

determining a dependency package of the new project according to the project template; the dependency package is installed through the npm function module to complete the preparation of the new project before it is run.

In some embodiments, the process module is specifically configured to:

and creating an independent development process corresponding to the project through the main process according to a second operation instruction input by the user, wherein the second operation instruction is used for indicating to start the project.

In some embodiments, the compiling module is specifically configured to:

and packaging and compiling the project through an independent development process according to a compiling operation instruction input by a user.

In some embodiments, the thermal update module is specifically configured to:

and displaying the effect corresponding to the adjustment operation instruction in real time according to the adjustment operation instruction input by the user, wherein the adjustment operation instruction is used for indicating the adjustment operation on the running project.

In some embodiments, the Electron-based front-end development platform further comprises:

the authorization and verification module is used for authorizing the new project according to a request authorization operation instruction input by a user, wherein the request authorization operation instruction comprises local user information and project information;

the project verification system is also used for acquiring user local information and project information associated with the project and verifying the project according to the user local information and the project information corresponding to the project;

and the authorization processing and the verification processing are both processing based on local information and project information of the user.

In some embodiments, the Electron-based front-end development platform further comprises:

and the project management panel module is used for displaying the development information of the project through the project management panel and carrying out configuration operation according to the configuration operation instruction received through the project management panel.

In some embodiments, the Electron-based front-end development platform further comprises:

and the version updating module is used for displaying a prompt message for updating the version of the front-end development platform after the new version of the front-end development platform is released.

In a second aspect, an embodiment of the present application provides a project implementation method based on the front-end development platform based on Electron in the first aspect, including:

starting initialization of a new project according to a first operation instruction input by a user;

determining the template project of the new project according to an operation instruction which is input by a user and used for selecting the template project;

configuring initial information of the template project according to a configuration information operation instruction input by a user;

and acquiring a project template corresponding to the template project from the project template library according to the initialization information so as to complete the initialization of the new project.

In some embodiments, the project implementation method further comprises:

according to a second operation instruction input by a user, creating an independent development process corresponding to the project through the main process, wherein the second operation instruction is used for indicating to start the operation of the project;

according to a compiling operation instruction input by a user, packaging and compiling the project through the independent development process, so that the project enters an operation stage;

after the hot update development service is started through the independent development process, displaying an effect corresponding to an adjustment operation instruction in real time according to the adjustment operation instruction input by a user, wherein the adjustment operation instruction is used for indicating adjustment operation on the running project.

In some embodiments, before initiating initialization of a new project according to an operation instruction input by a user, the project implementation method further includes:

authorizing the new project according to a request authorization operation instruction input by a user;

wherein the authorization process is a process based on the user's native information and the project information.

In some embodiments, before starting the execution of the project according to the second operation instruction, the project implementation method further includes:

acquiring user local information and project information associated with a project;

verifying the project according to the local information of the user and the project information;

when the item passes the verification, starting the operation of the item according to the second operation instruction;

wherein the verification processing is processing based on the user local information and the item information.

In the embodiment of the present application, in order to solve various problems occurring in the process of separately installing node.js and npm, a development platform based on an Electron integrating node.js and npm modules is used as a front-end development platform, so that problems encountered when node.js and npm modules are separately installed are avoided. In addition, the front-end development platform is also integrated with a hot updating module, a project template library module and the like, so that the development efficiency of the front-end development platform is effectively improved, the use experience of a front-end developer is improved, and the development progress is accelerated.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings used in the description of the embodiments of the present application will be briefly described below.

Fig. 1 is a schematic view of an application scenario provided in an embodiment of the present application;

fig. 2 is a schematic structural diagram of a front-end development platform according to an embodiment of the present disclosure;

fig. 3 is a schematic flowchart of a project implementation method based on a front-end development platform according to an embodiment of the present application;

fig. 4 is a schematic flowchart of another project implementation method based on a front-end development platform according to an embodiment of the present application.

Detailed Description

Reference will now be made in detail to embodiments of the present application, examples of which are illustrated in the accompanying drawings, wherein like or similar reference numerals refer to the same or similar elements or elements having the same or similar function throughout. The embodiments described below with reference to the drawings are exemplary only for the purpose of explaining the present application and are not to be construed as limiting the present application.

As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may also be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. As used herein, the term "and/or" includes all or any element and all combinations of one or more of the associated listed items.

The developer in the embodiment of the application refers to a user of the front-end development platform.

To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.

Electron is a cross-platform desktop application development tool released on gitubs, supports web technologies to develop desktop applications, and integrates Chromium and node. In addition, npm is a package manager of node. js, which can help users manage the downloading, dependency, deployment, publishing, etc. of packages.

Js and npm, when installed separately, suffer from a number of problems. For example, different environment variables are configured in multiple links, and the means for configuring the environment variables is manual configuration, which easily causes configuration errors; there is also a privilege issue during the configuration process. In summary, various problems are encountered when node. js and npm are installed separately.

The application provides a front-end development platform based on Electron and a project implementation method of the front-end development platform based on Electron, and aims to solve the technical problems.

The following describes the technical solutions of the present application and how to solve the above technical problems with specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.

The embodiment of the present application can be applied to an application scenario as shown in fig. 1, where the application scenario includes a front-end development platform 10, a version update service 20, a project template library 30, a third-party function package 40, and a new project approval end 50.

The front-end development platform comprises an npm module/node. js module 101, authorization and verification 102, a main process/independent development process 103, a webpack-based compiling and developing kernel 104, a development service 105 with hot update and a project management panel 106.

The version update service 20, the project template library 30, the third party function package 40 and the new project approval end 50 all belong to backend services associated with the front-end development platform.

Two scenarios are mainly involved in project development, a project scenario is created and a project operation scenario is run.

In the scenario of creating a new project:

before receiving a first operation instruction input by a user, receiving a request authorization operation instruction input by the user. Specifically, authorization and verification 102 uses the authorization form set in the authorization page as an authorization entry for applying for the creation of a new project. The authorization form comprises user local information and project information. After receiving an authorization request operation instruction input by a user, the authorization request operation instruction includes an authorization form, and starts a back-end service and submits the authorization form to a project authority approval end 50 at the back end for authority approval. The project authority approval end 50 receives the examination operation instruction input by the examiner and outputs the examination result. The review result is sent as a message to the front-end development platform 10 through the back-end service. And when the examination result is that a new project can be created, generating an authorization certificate.

The front-end development platform 10 receives a certificate downloading operation instruction input by a user, and downloads the authorization certificate to the local. And starting initialization of the new project according to a first operation instruction input by a user based on the local authorization certificate. Wherein, the initialization process of the new project is the creation process of the new project. And receiving a template project selection operation instruction input by a user, and determining the template project corresponding to the new project according to the template project selection operation instruction. And receiving a configuration operation instruction input by a user, wherein the configuration operation instruction comprises initialization information of the template project. And starting the back-end service and sending the initialization information to a project template library of the back-end service according to the configuration operation instruction. And downloading the project template corresponding to the template project from the project template library 30 to the local through the back-end service so as to complete the initialization of the new project. In addition, a third party dependency package required by the new project is determined according to the project template, and the dependency package is installed through the npm function module to finish the preparation before the new project is operated.

In the scenario of a running project:

before receiving a second operation instruction input by the user, the authorization and verification 102 acquires the local information and the project information of the user, starts the backend service, and sends the local information and the project information of the user to the project authority approval end 50 at the backend. The project authority approval end 50 receives the examination operation instruction input by the examiner and outputs the examination result. When the examination result is that the authorization project runs, a message that a local authorization certificate is available or a new authorization certificate is generated is sent to the front-end development platform 10.

After receiving the message, the front-end development platform 10 issues a pop-up prompt based on the message. And when receiving an operation instruction of downloading the authorization certificate input by the user, downloading the authorization certificate to the local. And starting the operation of the project according to a second operation instruction input by the user based on the authorization certificate downloaded to the local or the authorization certificate existing in the local. The host process of host process/independent development process 103 initiates an independent development process corresponding to the project. And receiving a compiling operation instruction input by a user, and executing the compiling operation instruction by the compiling module 104 based on the webpack technology through an independent development process to pack and compile the project. After the project is compiled successfully, the project enters a run phase. And starting the hot update service, receiving an adjustment operation instruction input by a user, and displaying an effect corresponding to the adjustment operation instruction on a browser window in real time by the hot update development service 105.

In addition, the project management panel 106 is used for displaying the development information of the project through the project management panel, receiving the configuration operation command through the project management panel, and further executing the configuration operation.

After the version of the front-end development platform 10 is updated, the version update prompt sent by the version update service 20 of the back end is received, and the prompt is popped up. The system environment of the front-end development platform 10 may be a Windows operating system, a MacOS operating system, a Linux operating system, or the like.

Further, in the application scenario shown in fig. 1, a schematic structural diagram of the front-end development platform based on Electron is shown in fig. 2, and includes a base module 201, an authorization and verification module 202, a process module 203, a compiling module 204, a hot-update module 205, a project management panel module 206, a project template library module 207, and a version update module 208.

Base module 201 provides a framework for the project to base on, including npm module 2011 (not shown) and node. Specifically, the method comprises the following steps:

the front-end development platform 20 also integrates a chromium module on the basis of integrating a node. Js and chromium have at least 3 effects as follows.

(1) Let the user call the function of node.js and use almost all modules in node.js community;

(2) merge web engines in both node. js and chrome (both based on v 8). Thus all JavaScript runs under one context (context);

(3) and modifying the sandbox model to remove a plurality of security means which have no significance to desktop application, so that the application can maximally access local resources (such as files, local networks and the like).

npm (node package management) is a software package manager built in node. Open source software developers use npm to share and mirror the structure of packages with each other so that projects can easily track versions of dependent packages. The third party dependency package required for the project is downloaded by calling npm the module.

The authorization and verification module 202, which includes an authorization page 2021 (not shown) of the front-end development platform and a project right approval module 2022 (not shown), provides authorization services and right verification services. Specifically, the method comprises the following steps:

in one aspect, the authorization and verification module 202 performs authorization processing on an operation of creating a new project before receiving a first operation instruction input by a user, where the operation instruction is used to instruct starting initialization of the new project. Specifically, an authorization form for applying for creating a new project is set in the authorization page 2021, and the authorization form is used to obtain the user local information and the project information of the user. After receiving an authorization request operation instruction input by a user, the authorization request operation instruction includes an authorization form filled with completed information, a rear-end project authority approval module 2022 is started, and the project authority approval module 2022 receives the authorization form and performs examination processing on an operation of creating a new project according to local information of the user and project information. Specifically, the examination processing is that the project authority examination and approval module 2022 receives an examination operation instruction input by an examiner for the user local information and the project information, and outputs an examination result. The examination operation instruction is specifically used for judging whether the local information and the project information of the user conform to a preset rule or not. When the predetermined rule is met, the project authority approval module 2022 generates an authorization certificate, and sends a prompt message indicating that the authorization certificate has been generated to the front-end development platform 20. The front-end development platform 20 receives a certificate downloading operation instruction input by a user, and executes an operation of downloading an authorization certificate to the local. Based on the local authorization certificate, the front-end development platform 20 starts the creation of the new project according to the first operation instruction.

On the other hand, before receiving a second operation instruction (which is used to instruct to start the execution of the item) input by the user, the authorization and verification module 202 performs verification processing on the operation of the executed item. Specifically, the rear-end project authority approval module 2022 (not shown in the figure) is started, and the user local information and the project information are sent to the project authority approval module 2022, so that the review processing is performed according to the user local information and the project information.

The examination processing specifically includes, if the authorization certificate of the project exists, determining whether the user local information and the project information conform to a predetermined rule, and if the user local information and the project information conform to the predetermined rule, sending the authorization certificate to the front-end development platform 20. If the verification fails, a prompt message indicating that the verification fails is sent to the front-end development platform 20.

The predetermined rule is that a single developer can develop the same project on 3 different hosts at most. Specifically, the method comprises the following steps:

when the authorization processing is performed, it is determined whether the same item is registered or not based on the item information. If not, an authorization certificate of the project on the local user of the user is generated according to the local information of the user and the project information. If there is a registration, the creation of the new item is not supported, i.e., not authorized.

During verification, when the authorization certificate of the project is stored in the project authority approval module 2022, the local information of the user is compared with the authorization certificate, and if the local information of the user is determined to be consistent with the local information of the user in the authorization certificate, it is determined that the project is authorized in the local information of the user, so that the project can run; if the local user information is determined to be inconsistent with the local user information in the authorization certificate, and the number of the registered authorization certificates is less than 3, generating a new authorization certificate according to the local user information and the project information to support the project running on the local user; if the number is greater than or equal to 3, the item is not supported from running on the user's native machine. When the authorization certificate of the item is not stored in the item permission approval module 2022, the authorization certificate is generated according to the local information of the user and the item information to support the operation of the item on the local of the user.

Optionally, on the front-end development platform 20 of 3.0 and later versions, authorization processing needs to be performed on a new project when the new project is created, and verification processing needs to be performed on the project when the project is run. It should be noted that, in the embodiment of the present application, the executed project may be a created new project or a local project, and is not limited herein. In addition, if the new project passes the authorization process already at the time of creation, the verification process may or may not be performed at the time of operation.

The front-end development platform 20 integrates various functional components during each version update. In particular in 3.0 and later versions, the integrated components relate to components that require approval rights. The creation of a new project or the execution of a project will use the functionality of the component. Thus requiring authorization and verification processing.

And the process module 203 is used for processing the process service of the front-end development platform. Specifically, the method comprises the following steps:

after the main process corresponding to the front-end development platform 20 is started, the resource scheduling of the front-end development platform 20 is managed through the main process. For example, the working state of the front-end development platform 20 is controlled to enter the background from stop working, or to enter the foreground from resume working. And when a second operation instruction is received, creating an independent development process corresponding to the project, and managing resource scheduling of the project from opening to closing.

And after receiving a second operation instruction input by the user, creating an independent development process corresponding to the project through the main process, thereby starting the operation of the project.

The independent development process on the front-end development platform is different from the main process, and a plurality of independent development processes exist and are independent of each other.

And the compiling module 204 is used for compiling the project. Specifically, the method comprises the following steps:

the compiling module 204 is based on the webpack technology, and the webpack is just like a production line and can convert the source file into the output result after a series of processing flows. When webpack processes a file for a project, it recursively builds a dependency graph that contains every module required by the project, and then packages all of those modules into one or more bundles.

When a compiling operation instruction input by a user is received, the webpack service is started through an independent development process, the project is packaged into bundle, and then the compiling operation is carried out. Compiling information generated in the compiling process is displayed on an xterm-based simulation terminal

And when the project is compiled successfully, the project enters a formal operation stage.

A hot update module 105 for providing hot update development services for the project. Specifically, the method comprises the following steps:

at the stage of project operation, a hot update development service is started through an independent development process.

Receiving an adjusting operation instruction input by a user, determining the content to be displayed by the browser based on the adjusting operation instruction, transmitting the content to be displayed to the browser, immediately executing refreshing operation by the browser according to the determined content to be displayed, and displaying the content to be displayed. The effect corresponding to the adjustment operation instruction includes, but is not limited to, the following processes: the color of the background page of the browser is set to grey in the code, and the background of the web page on the browser is immediately displayed grey.

The browser interface is refreshed by adjusting the code, the process is equivalent to automatically refreshing the browser, and the operation of manually refreshing the browser by a user can be effectively reduced.

Furthermore, during the operation of the hot update development service, operation information is generated, which is displayed on the xterm-based simulation terminal.

Project management pane module 106, includes project management pane 1061 (not shown). Development information of the project is displayed through the project management panel 1061, a configuration operation instruction is received through the project management panel 1061, and a configuration operation is performed according to the configuration operation instruction. The development information of the project may include, but is not limited to, developer information and project progress information of the project.

Specifically, the method comprises the following steps: project management panel 1061 includes a project development dynamic list 10611 (not shown), a project manager list 10612 (not shown).

At least more than 1 developer participating in the development of a project can intensively display the developers of the project through the project manager list. In addition, the project personnel development list also comprises a function of configuring the authority of the developers. For example, a configuration operation instruction input by a user is received, the configuration authority operation instruction is used for indicating the identity ID and/or authority of a configuration developer, and the identity ID and/or authority of the configuration developer is configured according to the configuration operation instruction. The manner and content of setting the developer's rights include many and will not be described herein. For the specific process of setting the development right of the developer, a person skilled in the art may perform related processing according to actual experience, and this is not discussed in detail in the embodiments of the present application.

In the actual operation of project development, problems of historical versions are involved. The historical versions of the project and the modifications involved in each historical version can be clearly seen through the project development dynamic list.

The project template library module 207 includes a back-end project template library 2071 (not shown). For initializing new projects according to the project template library 2071. Specifically, the method comprises the following steps:

and after receiving a selection template project operation instruction input by a user, determining the template project of the new project according to the selection template project operation instruction.

And after receiving a configuration information operation instruction input by a user, configuring the initialization information of the template project according to the configuration information operation instruction input by the user.

The backend service is started, the initialization information is transmitted to the project template library 2071 of the backend service, and the project templates corresponding to the template project are downloaded from the project template library to the local through the backend service to complete the initialization of the new project. Among them, the project template library 2071 stores a plurality of different template projects. The user can select corresponding template engineering according to the requirements of the project, and basic development of the project is reduced through the template engineering.

Further, the base module 201 is configured to determine a dependency package of the new project according to the project template, and install the dependency package through the npm module 2011 to complete preparation before the new project runs.

And the version update service 208 is configured to display a version update prompt on the front-end development platform 20 after the new version of the front-end development platform 20 is released. Specifically, the method comprises the following steps:

the front-end development platform 20 has been modified including, but not limited to: new components are added or the UI page of the development platform is improved, resulting in a new development platform version. And after receiving an operation instruction for starting the front-end development platform input by a user or during the running period of the front-end development platform, popping a frame for prompting. The prompt content comprises a version number of the new version, functions added or deleted in the new version and the like.

Based on the application scenario shown in fig. 1 and the schematic structural diagram of the front-end development platform shown in fig. 2, an embodiment of the present application further provides a project implementation method, which can be executed by the front-end development platform shown in fig. 2, and as shown in fig. 3, the method includes the following steps:

s301, receiving a first operation instruction input by a user, and starting initialization of a new project according to the first operation instruction;

s302, receiving a template project selection operation instruction input by a user, and determining a template project of a new project according to the template project selection operation instruction;

s303, receiving a configuration information operation instruction input by a user, and configuring initialization information of the template project according to the configuration information operation instruction;

s304, starting the back-end service, and transmitting the initialization information to an item template library of the back-end service;

s305, downloading a project template corresponding to the template project from the project template library to the local to complete the initialization of a new project;

s306, determining a dependency package of the new project according to the project template, and installing the dependency package through the npm module to finish the preparation before the new project is operated.

In the stage of initializing the project, the project is created based on the template, so that the cost of developing the basic functions of the project can be reduced, and a user can concentrate on developing the business functions. In addition, since the front-end development platform integrates the npm module and the node.js module, various problems encountered when the npm module and the node.js module are separately installed are avoided when the Electron-based development platform is installed. The module is integrated on the front-end development platform, so that the use experience of a front-end developer can be effectively improved, and the development progress is accelerated.

Optionally, in another implementation manner of the embodiment of the present application, as shown in fig. 4, the method further includes the following steps:

s401, receiving a second operation instruction input by a user, and starting the operation of the project according to the second operation instruction;

s402, creating an independent development process corresponding to the project through the main process;

s403, receiving a compiling operation instruction input by a user, and performing packaging and compiling operation on the project through an independent development process according to the compiling operation instruction;

s405, after the project is compiled successfully, starting hot update development service through an independent development process;

s406, receiving an adjusting operation instruction input by a user, and displaying an effect corresponding to the adjusting operation instruction on a browser window in real time.

In the project operation process, the hot update development service is used, the purpose of automatically refreshing the browser interface based on the received adjustment operation instruction can be achieved, manual refreshing operation of a user can be effectively reduced, and the user experience is better. The project panel module is used for monitoring the development condition of the project, managing developers and configuring the permissions of the developers, and the project can be better managed.

In another implementation manner of the embodiment of the present application, before starting initialization of a new project according to an operation instruction input by a user, the project implementation method further includes:

authorizing the new project according to a request authorization operation instruction input by a user;

wherein the authorization process is a process based on the user's native information and the project information.

In another implementation manner of the embodiment of the present application, before starting the project according to the second operation instruction, the project implementation method further includes:

acquiring user local information and project information associated with a project;

verifying the project according to the local information of the user and the project information;

when the item passes the verification, starting the operation of the item according to a second operation instruction;

wherein the verification processing is processing based on the user local information and the item information.

It should be understood that, since the project implementation method provided in the embodiment of the present application is implemented based on the foregoing front-end development platform, for a specific implementation process of the method, reference may be made to the above detailed description of the front-end development platform, and for brevity of description, details are not described here again.

It will be apparent to those skilled in the art that embodiments of the present application may be provided as a method, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.

The present application is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the application. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.

These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.

While the preferred embodiments of the present application have been described, additional variations and modifications in those embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all alterations and modifications as fall within the scope of the application.

It will be apparent to those skilled in the art that various changes and modifications may be made in the present application without departing from the spirit and scope of the application. Thus, if such modifications and variations of the present application fall within the scope of the claims of the present application and their equivalents, the present application is intended to include such modifications and variations as well.

Claims (13)

1. An Electron-based front-end development platform, comprising:

the system comprises a basic module, a process module, a compiling module, a hot updating module and a project template library module;

the basic module comprises an npm functional module and a node.js functional module and is used for providing basic development service;

the process module is used for processing the process service of the front-end development platform;

the compiling module is used for compiling the project;

the hot update module is used for providing hot update development service for the project;

and the project template library module is used for initializing the new project according to the project template library.

2. The Electron-based front-end development platform according to claim 1, wherein the project template library module is specifically configured to:

determining the template project of the new project according to an operation instruction which is input by a user and used for selecting the template project and configuring initialization information;

and acquiring a project template corresponding to the template project from the project template library according to the initialization information so as to complete the initialization of the new project.

3. The Electron-based front-end development platform of claim 2, wherein the base module is specifically configured to:

determining a dependency package of the new project according to the project template;

and installing the dependency package through the npm function module to finish the preparation before the new project is operated.

4. The Electron-based front-end development platform of claim 1, wherein the process module is specifically configured to:

and creating an independent development process corresponding to the project through a main process according to a second operation instruction input by a user, wherein the second operation instruction is used for indicating to start the operation of the project.

5. The Electron-based front-end development platform of claim 4, wherein the compilation module is specifically configured to:

and packaging and compiling the project through the independent development process according to a compiling operation instruction input by a user.

6. An Electron-based front-end development platform in accordance with claim 5, wherein said thermal update module is specifically configured to:

and displaying the effect corresponding to the adjustment operation instruction in real time according to the adjustment operation instruction input by the user, wherein the adjustment operation instruction is used for indicating the adjustment operation on the running project.

7. An Electron-based front-end development platform according to any of claims 2-6, further comprising:

the authorization and verification module is used for authorizing the new project according to a request authorization operation instruction input by a user, wherein the request authorization operation instruction comprises local user information and project information;

the system is also used for acquiring the local information of the user and the project information which are associated with the project, and verifying the project according to the local information of the user and the project information which are associated with the project;

and the authorization processing and the verification processing are both processing based on the local information and the project information of the user.

8. An Electron-based front-end development platform according to claim 1, further comprising:

and the project management panel module is used for displaying the development information of the project through the project management panel and carrying out configuration operation according to the configuration operation instruction received through the project management panel.

9. An Electron-based front-end development platform according to claim 1, further comprising:

and the version updating module is used for displaying a prompt message for updating the version of the front-end development platform after the new version of the front-end development platform is released.

10. A project implementation method based on an Electron-based front-end development platform according to any one of claims 1 to 9, comprising:

starting initialization of a new project according to a first operation instruction input by a user;

determining the template project of the new project according to an operation instruction which is input by a user and used for selecting the template project;

configuring initialization information of the template project according to configuration information input by a user;

and acquiring a project template corresponding to the template project from the project template library according to the initialization information so as to complete the initialization of the new project.

11. The method of claim 10, wherein the item implementation method further comprises:

according to a second operation instruction input by a user, creating an independent development process corresponding to a project through a main process, wherein the second operation instruction is used for indicating to start the operation of the project;

according to a compiling operation instruction input by a user, packaging and compiling the project through the independent development process, so that the project enters an operation stage;

after the hot update development service is started through the independent development process, displaying an effect corresponding to an adjustment operation instruction in real time according to the adjustment operation instruction input by a user, wherein the adjustment operation instruction is used for indicating adjustment operation on the running project.

12. The method of claim 10 or 11, wherein prior to receiving the first operation instruction, the method further comprises:

authorizing the new project according to a request authorization operation instruction input by a user;

wherein the authorization process is a process based on the user's native information and project information.

13. The method of claim 11, wherein prior to initiating execution of the item according to the second operational instruction, the item implementation method further comprises:

acquiring user local information and project information associated with the project;

checking the project according to the local user information and the project information;

when the item passes the verification, starting the operation of the item according to the second operation instruction;

wherein the verification processing is processing based on the user local information and the item information.

Images