CN104216700A

CN104216700A - Cloud-computing-based HTML5 application packaging, installation, unloading and operation method and system

Info

Publication number: CN104216700A
Application number: CN201310407905.6A
Authority: CN
Inventors: 侯金涛
Original assignee: Individual
Current assignee: Individual
Priority date: 2013-09-10
Filing date: 2013-09-10
Publication date: 2014-12-17
Anticipated expiration: 2033-09-10
Also published as: CN104216700B

Abstract

The invention provides a cloud-computing-based HTML5 application packaging, installation, unloading and operation method and system. The system comprises a server and a plurality of clients, wherein interaction can be conducted between the clients and the server. Each client comprises a transceiver, a procedure file uploading module, an application configuration module, an application calling module, a procedure file loading module, a control creation module, an API interface module and an API and operation space set module. The server comprises a communication interface, a data center, a client code storage module, an application package analysis module, an application package creation module and a user identification module. The system has the functions of creating application packages, installing applications to a remote server, uploading the applications on the remote server, loading and applying the applications on the clients and closing the applications running on the clients. By means of the cloud-computing-based HTML5 application packaging, installation, unloading and operation method and system, users can install the applications to the remote server, the applications can be loaded to the local server to be run when in use, the local space is saved, and the applications are available at any place after being installed once.

Description

The packing of applying based on the HTML5 of cloud computing, peace loading, unloading, operation method and system

Technical field

The present invention relates to packing that a kind of HTML5 based on cloud computing applies, peace loading, unloading, operation method and system, particularly relate to a kind of application based on the packing of the HTML5 application in the virtual opetrating system under browser or other HTML5 environment, peace loading, unloading, operation, closedown.

Background technology

Along with the develop rapidly of internet, browser is no longer only used for representing web content, along with the appearance of the technology of HTML5, Web enters a ripe application platform, on HTML 5 platform, video, audio frequency, image, animation, and man-machine interaction and people net and are standardized alternately, this allow have without the need to installing, the world that HTML5 application that cost of development low, cross-platform and cross-terminal, iteration upgrade the advantage such as easy makes it have very large possibility to become following.Unfortunately, server must be had to provide service that HTML5 application advantage could be allowed to be fully demonstrated beyond the clouds, this just result in us while the various application on site of use, also will log in heterogeneous networks platform.In addition, for more personal development person, expensive server cost allows people hang back.

Data can only be preserved and file but freely can not be installed, customize the deficiencies such as third-party application for the current network platform, research and develop the method and system of packing that a kind of HTML5 based on cloud computing applies, load and unload, operation and closedown, user is distributed to the form of installation kit file after developer (especially for personal development person) can be applied by packing, both reduce technical difficulty, additionally reduce server cost; Allow user that application is arranged on cloud server, during use, be loaded into local runtime immediately, not only can save the space of local hard drive, can also one-step installation be played, everywhere can effect.In addition, user unified management and the various HTML5 of use in a network platform also can be allowed to apply, meet the various demand of different user, decrease the trouble logging in different platforms because using different application and cause.

Summary of the invention

In order to cater to the growth requirement of Internet technology and field of cloud calculation, data can only be preserved and file but can not freely be installed for the current network platform, the deficiencies such as customization third-party application, a kind of HTML5 based on cloud computing is provided to apply the packing of (hereinafter referred to as application), load and unload, run and the method and system of closing, application is made to move on to high in the clouds by this locality, realize allowing user based in the operating system of cloud computing or consolidated network platform by simple, method carries out management and running to application easily, application is allowed to play one-step installation, everywhere can effect.The present invention is achieved through the following technical solutions:

Method and system for the packing of applying based on the HTML5 of cloud computing, peace loading, unloading, operation, closedown, this system comprises service end, and carries out mutual more than one client with described service end.

Further, described client comprises: transceiver module, for carrying out communication with server and instruction distributes; Application bag administrative center, receives user operation instruction for carrying out management and supervision to application package informatin; Transmission module on program file, for when creating application bag or installing application, upload program file; Application configuration module, is arranged for carrying out routine at establishment application bag or installation application to application; Application invocation module, for realizing being applied in client operation according to applying package informatin and calling correlation module; Program file load-on module, operationally loads homepage or main program code for application, and generates a url path allowing application program can load the application file of expansion voluntarily by secret order; Control creation module, for creating interactive interface control as relevant in window, taskbar etc. when applying and running.

Do not disturb by the Javascript code of other programs or CSS pattern to allow application program, and application can be called the method for client and strengthen application function, described client also comprises API and running space arranges module, for being allowed the running space applying energy independent operating by establishment iframe element, and a series of overall situation function or object are set in running space, make application operationally be called the API method of client.

Described system not only can as one independently system run, can also as a component application in other Web application or system, described client also should comprise api interface module, for being provided as third-party application or system provides a series of api interface order to operate, the generation of the peace loading, unloading carrying out applying, operation, closedown and application bag.

Further, described service end comprises: communication interface, communicating, setting up conversation mechanism and instruction distributes for carrying out being connected with client; Data center, for application package informatin and program file manage, also for the treatment of from described communication interface various request and return request results; Client code memory module, for storing Javascript and the CSS code file of client, and client at browser execution time by communication interface client side program code to be transferred in browser and to run; Application Packet analyzing module, for carrying out decompress(ion), analysis configuration file, trace routine file to application bag, deciphering Javascript code; Application bag creation module, for carrying out according to the program file received and application bag configuration information the temporary file creating application bag.

Described service end comprises subscriber identification module, for carrying out user's identification to according to session information, and returns Customs Assigned Number, allows described data center be able to distinguish application according to Customs Assigned Number; Subscriber identification module also provides api interface, and described application system can be run with other system in combination as an assembly.

The running environment of described service end also comprises: database, stores essential information, configuration information that user applies bag, operation information; File system, carries out storing, manage and reading and writing for application programs file.

Further, this operation method comprises: create application bag, install and to be applied on remote server, unloading application on the remote server, to load and runs application in the client, be closed in the application of client operation.

Further, the described implementation process creating application bag comprises the following steps: (1) user submits to application bag to create instruction to described application bag administration module; (2) described application bag administration module calls transmission module in described application program and uploads the interactive interface of application file to user's displaying, and user selects and uploads application file; (3) described communication interface passes to described application bag creation module by what receive to program file, described application bag creation module is carried out decompress(ion) and is also traveled through the application file uploaded, described application bag creation module initiates the request of carrying out applying configuration to described application configuration module to user to client and described transceiver module by described communication interface, and require that user fills in application configuration information by interactive interface, then described application configuration module sends application configuration information by described transceiver module and described communication interface to described application bag creation module; (4) described application bag creation module carries out the establishment of applying configuration file, the encryption of Javascript document code and the establishment of interim application bag; (5) described application bag creation module returns application package informatin by described communication interface and described transceiver module to described application bag administration module; (6) state application bag administration module show the interactive interface of down load application bag to user and carry out applying the download of wrapping to user's instruction.

The cipher mode of described Javascript code comprises: without key encryption, have key encryption and do not encrypt three kinds of modes; Its cryptographic algorithm is not open to third party, by the application bag after Javascript code encryption, only for running in the system.

Described configuration file comprises following application package informatin: publisher, NameSpace, application type, the acquiescence method of operation, application icon file path, application description, interface configuration information, application version, application bag version etc., its file layout is XML or JSON.

The application APMB package of described establishment only preserves one section of finite time (as: 24 hours) in described service end, automatically will be deleted after exceeding the time limit by system;

Described application bag is by HTML, CSS, JS, XML, JSON, picture file, audio file, video file, browses the condensed document that the files such as add-on file undertake by forms such as ZIP, RAR, 7Z compressing; In described condensed document, a homepage or master program file bag configuration file must be comprised.

Further, the implementation process that described installation is applied on remote server comprises the following steps: (1) user submits to application bag to create instruction to described application bag administration module; (2) described application bag administration module calls transmission module in described application program and uploads the interactive interface of application file to user's displaying, and user selects and uploads application file; (3) described communication interface calls described user login management module carries out service end user's identification by SESSION conversation mechanism; (4) described application packet analysis module decompress(ion) application bag, then carries out analyzing and deciphering; (5) return to client and ask and call described application configuration module and user interactions improves configuration information, then configuration information is submitted to described data center by described transceiver module and communication interface; (6) described data center utilizes data preserve application package informatin and utilize file system storage program file; (7) described data center returns new application message by communication interface to client; (8) described application bag administration module points out application bag installation information by interactive interface to user.

Except above-mentioned by except the application bag of described system creation, described system also support install by user create voluntarily not to the application bag that Javascript file is encrypted.

Further, the implementation process of described unloading application on the remote server comprises the following steps: (1) user submits to application bag unloading command to described application bag administration module; (2) described application bag administration module sends the application bag APP ID and application bag unload request that will unload to service end by described transceiver module; (3) described communication interface calls described user login management module carries out service end user's identification by SESSION conversation mechanism; (4) corresponding application package informatin and program file in described data center delete database; (5) described data center returns application bag unloading object information by communication interface to client; (6) described application bag administration module points out application bag unloading object information by interactive interface to user.

Further, describedly to load in the client and the implementation process running application comprises the following steps: (1) user submits application operating instruction and will run the NameSpace of application to described application bag administration module to; (2) described application bag administration module obtains application package informatin according to NameSpace; (3) described application bag administration module sends the APP ID and application operation request that will run application to service end by described transceiver module; (4) described communication interface calls described user login management module carries out service end user's identification by SESSION conversation mechanism; (5) described data center retrieves corresponding application package informatin according to APP ID and detects from database; (6) described data center creates application file and loads secret order and program file loading tasks record; (7) reading of described data center returns the code content of homepage/program code and itself and loading secret order is turned back to client by described communication interface; (8) described application invocation module calls the related control that described control creation module carries out creating support application operation; (9) described application invocation module is called described API and running space and is arranged module and carry out establishment running space and arrange system API; (10) carry out operation in the document that code to be written in running space by described application invocation module by main business/program code by the method for document.write resolve homepage code or run master routine; (11) will automatically think that service end initiates to load the request of extendfile when running under being applied in HTML5 environment, described communication interface is analyzed by URL and is then read corresponding program file content and return to client; (12) HTML5 application is run.

Run in described client in the implementation process of application, conveniently user to application identification with call, except the mark by NameSpace also can be adopted except APP ID to run as program.

The acting as of described loading secret order is carried out client identification and is strengthened the protection of application source code.

Further, described running space is for the Javascript code in avoiding applying with CSS pattern is applied with other or the Javascript code of client-side program and CSS pattern occur conflicting and make the mistake; Reduce the unnecessary authority of application to improve security; Make to be applied in operational process, under HTML5 environment, the program file of expansion can be installed voluntarily additional.By contentWindow simulation under <iframe> element, the original global variable under contentWindow is reset, to improve security.Then be with http by arranging <iframe> element src value: the URL of // domain name/package/ secret order/NameSpace/form, and the BaseURL of the application using it as HTML5; Under the environment of HTML5, application can carry out the loading of program file according to BaseURL+ and the relative file path (as: http: // domain name/package/ secret order/NameSpace/xxx.js) of application homepage.

Further, the implementation process being closed in the application that client is run described in comprises the following steps: (1) user submits to and closes operating instruction and will close the NameSpace of application to described application bag administration module; (2) described application call module is by API to application triggers close event, allows application program perform the process before closing; (3) described application call module described API and running space and call described control creation module running space and related control are deleted respectively.

The packing that HTML5 based on cloud computing of the present invention applies, peace loading, unloading, operation method and system, this system comprises service end, and carries out mutual more than one client with described service end; Described service end comprises communication interface, data center, client code memory module, application Packet analyzing module, application bag creation module, subscriber identification module, database, interim application file and application file; Described client comprises transmission module on transceiver module, program file, application configuration module, application invocation module, program file load-on module, control creation module, api interface module and API and running space and arranges module.The invention solves the current network platform and can only preserve data and file but freely can not be installed, customize the deficiencies such as third-party application, user is distributed to the form of installation kit file after developer (especially for personal development person) can be applied by packing, reduce technical difficulty, reduce server cost; User application can be installed on the remote server, local runtime is loaded into immediately during use, not only can save the space of local hard drive, one-step installation can also be played, everywhere can effect, realize allowing user based in the operating system of cloud computing or consolidated network platform by simply, easily method management and running is carried out to HTML5 application.

Accompanying drawing explanation

For ease of illustrating, the present invention is described in detail by following preferred embodiment and accompanying drawing.

Fig. 1 is the system architecture schematic diagram of the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system.

Fig. 2 is the schematic flow sheet of enforcement client initialization of the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system.

Fig. 3 is the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system enforcement create the schematic flow sheet of application bag.

Fig. 4 is the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system practice the schematic flow sheet that bag installs.

Fig. 5 is the schematic flow sheet practicing bag unloading of the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system.

Fig. 6 is the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system enforcement run the schematic flow sheet of application in the client.

Fig. 7 is the packing of the HTML5 application that the present invention is based on cloud computing, peace loading, unloading, operation method and system enforcement be closed in the schematic flow sheet of the application that client is run.

Embodiment

In the present embodiment, with reference to shown in Fig. 1, the packing that a kind of HTML5 based on cloud computing applies, peace loading, unloading, operation method and system, this system comprises service end and carries out mutual more than one client with described service end.

Described client comprises: on transceiver module, application bag administrative center, program file, transmission module, application configuration module, application invocation module, program file load-on module, control creation module, API and running space arrange module, api interface module.

Described transceiver module, for carrying out communication with server and instruction distributes.Its Function implementation method is when receiving the communication request of other modules, and request command is sent association requests by Ajax technology to service end by described transceiver module together with user session information, and its communication request module of feedback information that will receive.When receiving the feedback information from service end, according to instruction, request forwarding is processed in different modules.Delivery format is JSON or XML.

Described application bag administration module, receives user operation instruction for monitoring and manages application package informatin.Its Function implementation method is when system initialization, initiates mounted application package informatin load request, be then stored in internal memory by application package informatin by described transceiver module to service end.Described application bag administration module also submits a graphical interaction interface to, so that user management or operation application, in addition, also the operational order by described api interface module input can be received, when receiving operational order, just according to instruction, application package informatin is detected, then coordinate other modules or service end to process.

Transmission module on described program file, for when creating application bag, upload program file.Its Function implementation method has two schemes: scheme one is by arranging one owing to selecting the <input type=of local file " file " > file control, and the event-monitoring that file chooses is arranged, then file content is uploaded to service end by described transceiver module after the File API file reading content of HTML5 to this control.Scheme two is by arranging one for inputting the <input type=of telefile address " url " > address control and one is for submitting the <button> button control of address to, and <button> button control is arranged to the event-monitoring of click, then read <input type=" url " > address control content after be sent to service end by described transceiver module.Above-mentioned telefile address is the URL of http protocol or File Transfer Protocol.

Described application configuration module, is arranged for carrying out routine at establishment application bag or installation application to application.Its Function implementation method for arrange list by display application package informatin in graphical interaction interface, and guides user to input on request.When user's submission form, the information submitted to is checked, if input error, then points out error message; If input is correct, then by described transceiver module, application bag configuration information is sent to service end.

Described application invocation module, for realizing being applied in client operation according to applying package informatin and calling correlation module.Its Function implementation method be when receive from described application bag administration module application package informatin and run request time, NameSpace according to application package informatin judges whether the application that will run is in operation, application to run is running, then be switched on the interactive interface of this application, and complete the operation of application.Application to run is not running, then calling described program file load-on module, described control creation module, described API and running space successively, to arrange module be that application creates the various environment run, and then the homepage returned from described program file load-on module or master routine generation to be input to by the method for document.write and to be arranged in the running space of module creation by described API and running space and to run.

Described program file load-on module, operationally loads homepage or main program code for application, and creates a url path allowing application program can load the application file of expansion voluntarily by secret order; Its Function implementation method is first initiate to load homepage or main program code and one for loading the secret order of extension application file by described transceiver module to service end, according to the secret order returned, create one to meet service end and resolve and comprise application NameSpace and the url path (as: http: // domain name/package/ secret order/NameSpace /) of secret order, then homepage or main program code and url path are returned to described application invocation module.

Described control creation module, for creating interactive interface control as relevant in window, taskbar etc. when applying and running.Its Function implementation method is by the control of Javascript to DOM, create the coherent element of control and utilize CSS that pattern is set, then carry out the monitoring of user's input by arranging event (Events) to coherent element, make user can carry out by operation related control operations such as switching application, exit.

Described API and running space arrange module, for arranging application running space and for applying the global object and method that arrange in some running spaces, making application can call the method provided of method of the present invention and other system.Its Function implementation method is by creating a <iframe> element, and allow application code run in <iframe> element, the Javascript variable in application program and CSS pattern can be made like this not to be subject to other application of interference.Then some Javascript global variable, object and methods that can operate other system and application are set under this running space (contentWindow of <iframe> element), in application operational process, directly can conduct interviews and operation to these variablees, object and method, realize the function that other system and application are operated.

Described api interface module, provides a series of api interface order to generate to the peace loading, unloading operating the present invention and carry out applying, operation, closedown and application bag for being provided as third-party application or system.Its Function implementation method is at client initialization, and described api interface module creates a global object in Javascript action scope, and arranges a series of public method in this object.The third-party application under identical Javascript action scope or system is made to perform the present invention pacify the operations such as loading, unloading, operation, closedown and the generation of application bag by calling described global object.

Described service end comprises: communication interface, data center, client code memory module, application Packet analyzing module, application bag creation module, subscriber identification module.

Described communication interface, communicating for carrying out being connected with client, setting up conversation mechanism and instruction distributes; Its Function implementation method is the communication realizing carrying out with client HTTP/HTTPS agreement by HTTP/HTTPS proxy servers such as Nginx or Apache.Set up SESSION conversation mechanism during communication, distribute the unique session coding of SESSION ID(to client), carry out client or user's identification for other module.When a request is received, according to instruction, request forwarding is processed in different modules.

Described data center, for application package informatin and program file manage, also for the treatment of from described communication interface various request and return request results.Its Function implementation method realizes managing application bag for stored application package informatin and program file by database and file system, upgrade, deletion etc. is operated.In each application package informatin record, there is the field of a Customs Assigned Number, for carrying out user's identification.

Described client code memory module, client code memory module, for storing Javascript and the CSS code file of client, and client at browser execution time by communications interface transmission to browser in run; Its Function implementation method is in the html page of the application needing running client, add <script> and <link> label, browser is allowed to load, or by the mode loading code text of Ajax, and use evel function operation javascript code, by creating <style> element, application CSS pattern.When loading, described client code memory module can be analyzed according to request source and information, returns the client code of different editions, as being applicable to the client of PC or being applicable to the client of smart mobile phone.Specify the version that will load if do not have in load request, then by HTTP_USER_AGENT, browser is judged, automatically distribute most suitable version.

Described application bag creation module, for carrying out according to the program file received and application bag configuration information the temporary file creating application bag.Its Function implementation method is according to application bag configuration information, and create an application configuration file, its file layout is XML or JSON, as: package.xml, package.json.Then the Javascript code in encipheror file.Finally say that configuration file and program file are packaged into a temporal compression file, and this file routing information is turned back in client by described communication interface.

Described application Packet analyzing module, for carrying out decompress(ion), analysis configuration file, trace routine file to application bag, deciphering Javascript code.Its Function implementation method carries out decompress(ion) for attempting to application bag, and the file of decompress(ion) gained is placed on deletion application bag after in temporary folder.Then analysis configuration file, if configuration file does not exist or information imperfection, then returns the request of application bag configuration information to client by described communication interface.Then the temporary folder directory path of configuration information and decompress(ion) gained is passed to described data center to process.

Described subscriber identification module, for carrying out user's identification to according to session information, and returns Customs Assigned Number.Its Function implementation method is by the unique session number of SESSION ID() as mark establishment effective time be the information record of user's logging status of 30 minutes (effective time can be arranged by demand), this information record saves user profile and user's logging status.When each client communicates with service end, described subscriber identification module retrieves the information record of corresponding user's logging status by SESSION ID, realizes keeping user's Entered state when client communicates with service end with the information content by judging whether it exists.In addition, described subscriber identification module also provides api interface, and the present invention can be run with other system in combination as an assembly.

With reference to shown in Fig. 2, for the present invention is based on the packing of the HTML5 application of cloud computing, pacifying the schematic flow sheet of client initialization described in loading, unloading, operation method and system, implemented by following steps:

Step one: load Javascript and the CSS code of client and run, realizes by following two kinds of methods:

1, in the html page of application needing running client, add <script> and <link> label, allow browser load.

2, by the mode loading code text of Ajax, and evel function operation javascript code is used, by creating <style> element, application CSS pattern.

In the above process, described client code memory module can be analyzed according to request source and information, returns the client code of different editions, as being applicable to the client of PC or being applicable to the client of smart mobile phone.Specify the version that will load if do not have in load request, then by HTTP_USER_AGENT, browser is judged, automatically distribute most suitable version.

If client operates in (this locality application as by installing in smart mobile phone) in the Native application based on HTML5, this ignores time step.

Step 2: load application package informatin, this step is divided into again following little step and carries out:

1, described application bag administration module initiates the request of load application package informatin to service end by described transceiver module.

2, described communication interface is upon receiving a request, carries out the detection of SESSION session, then transmits the unique session number of SESSION ID() in described subscriber identification module, carry out user's identification, and return Customs Assigned Number.

3, the Customs Assigned Number returned by described subscriber identification module is sent to described data center by described communication interface together with the instruction of acquisition application package informatin.

4, described data center upon receiving a request, reads all application package informatins under this Customs Assigned Number, and convert thereof into JSON or XML format by demand from database.Then data are returned in client by described communication interface.

5, described transceiver module is after receiving the data returned, and passes to application bag administrative center and preserves.

Step 3: create graphical interaction interface and api interface, this step is divided into again following little step and carries out:

1, assured relevant html element element and the control at reason module creation graphical interaction interface by described application, and the monitoring that event (Events) carries out user's input is arranged to it.

2, in Javascript action scope, create a global object by described api interface module, and a series of public method is set in this object.

Terminate.

With reference to shown in Fig. 3, for the present invention is based on the packing of the HTML5 application of cloud computing, pacifying the schematic flow sheet of establishment application bag in loading, unloading, operation method and system, implemented by following steps:

Preliminary work: all program files and application icon file must be bundled in a condensed document by user, and in condensed document the relative catalogue of the file of prewired program and path, support the compressed format of the main flows such as ZIP, RAR, 7Z.

Step one: receive and create the instruction of application bag, receive by following two kinds of modes:

1, user by the graphical interaction interface of being assured reason module creation by described application directly input create the instruction of application bag.

2, user operates third-party application or system, and third-party application or system are assured initiation in reason by described api interface module to described application and created the instruction of application bag.

Step 2: select and upload application file, this step has two schemes available.

Scheme one: upload local program file, undertaken by following little step:

1, application bag administrative center sends the instruction of uploading application file to transmission module on described program file, makes it show the interactive interface uploading local application file to user.

2, user carries out by the button clicking " select File " condensed document selecting application file on the local computer.

3, on described program file, transmission module reads selected condensed document content by the File API of HTML5, and document content and the instruction of establishment application bag are uploaded to service end by described transceiver module.

4, the delivery of content of the application file condensed document received processes to described application bag creation module by described communication interface.

5, the first newly-built null file of described application bag creation module, is then written to the content of the application file condensed document received in this null file.

Scheme two: upload teleprogram file, undertaken by following little step:

1, application bag administrative center sends the instruction of uploading remote application file to transmission module on described program file, makes it show the interactive interface of remote application file to user.

2, user is by HTTP or the FTP address of input telefile: can directly input in the control of address, and then button click control carries out next step operation; Also (file on cloud server can be stored in by selecting the file in net dish, api interface module installation can be passed through, call when select File, return to the address of net dish file and be automatically input in the control of address) input, then button click control carries out next step operation.

3, described program file reads address information from the control of address, then address information and the instruction of establishment application bag is uploaded to service end by described transceiver module.

4, the remote application file address received is passed to described application bag creation module and processes by described communication interface.

5, described application bag creation module by http protocol or File Transfer Protocol by teleprogram file download in server.

Step 3: the program file that traversal analysis is uploaded, this step is divided into again following little step and carries out:

1, described application bag creation module to upload application file condensed document is unziped to temporary folder after delete.

2, described application bag creation module travels through above-mentioned temporary folder, reads its all son file information and sub-folder information.

3, described application bag creation module is from above-mentioned traversing result, detects, if do not exist, return error message by communication interface to client to homepage (default.html) or master routine (default.js) file.

4, described application bag creation module creates an application bag creation task record using SESSION ID as client identification marking, for preserving the relevant information of current task state and application bag.

5, the file of reading, folder information are transferred to for XML or JSON form and are turned back in client by communication interface by described application bag creation module on request.

Step 4: with user interactions application bag configuration information, this step is divided into again following little step and carries out:

1, the information returned is passed to described application bag administration module by described transceiver module.

2, described application bag administration module call described application arrange module to user show application configuration input list interactive interface.

3, described application arranges module according to the tree-shaped list returning compressed package structure and file, folder information and to show to user application pack arrangement, and indicating user therefrom selects icon file.

4, described application arranges module and shows that list is filled in guide and and guided user to fill in configuration information by interactive interface to user.

5, described application arranges the application bag configuration information that user fills in by module and is sent to service end by described transceiver module.

6, the application bag configuration information received is passed to described application bag creation module and processes by described communication interface.

7, described application bag creation module retrieves corresponding record according to SESSION ID from application bag installation task record, by recorded information, the application bag creation operation of client and service end is continued between different communication.

Step 5: create configuration file and encryption Javascript code, this step is divided into again following little step and carries out:

1, described application bag creation module creates an application configuration file according to according to application bag configuration information.

2, described application bag establishment mould requires in program file, extract Javascript file (file of .js suffix) and read its code content according to arranging, and encrypted code also replaces primary code, to reach the effect of defence program source code.

Step 6: generate interim application bag and remove associated documents, this step is divided into again following 2 little steps and carries out:

1, described application bag creation module creates a condensed document, is then added in condensed document by the above-mentioned All Files in the temporary file of program file and catalogue and described generating configuration file deposited.

2, described application bag creation module removes the temporary file generated in application bag constructive process.

Step 7: return newly-built application package informatin to client, this step is divided into again following little step and carries out:

1, application bag establishment successful information and new application package informatin (as: file name, file size, path, download address etc.) are turned back in client by described communication interface by described application bag creation module.

2, described transceiver module is after receiving the information returned by service end, is submitted to application bag administrative center.

3, described transceiver module by graphical interaction circle user oriented show application bag create successful information, generation application bag relevant information and application bag " download " button.

Step 8: user carries out application APMB package by " download " button clicked in graphical interfaces and downloads.

Terminate.

In above-mentioned establishment application bag implementing procedure, the file term of validity generated is 1 day (under default situations, also can adjust the term of validity by demand), automatically will be deleted after exceeding the time limit by system;

In above-mentioned establishment application bag implementing procedure, the cipher mode of described Javascript code comprises: without key encryption, have key encryption and do not encrypt three kinds of modes.Its cryptographic algorithm is not open to third party, by the application bag after encryption, only for running in the present invention.

In above-mentioned establishment application bag implementing procedure, in described configuration file, comprise following application package informatin: publisher, NameSpace, application type, the acquiescence method of operation, application icon file path (relative to application bag), application description, interface configuration information, application version, application bag version etc.Its file layout is XML or JSON, as: package.xml, package.json.

In above-mentioned establishment application bag implementing procedure, described application bag is by HTML, CSS, JS, XML, JSON, picture file (GIF, PNG, JPG, BMP), audio file (OGG, MP3, WAV), video file (OGG, MPEG4, FLV), browses the condensed document that the files such as add-on file (SWF, XAP) undertake by forms such as ZIP, RAR, 7Z compressing.In described condensed document, a homepage (default.html) or master program file (default.js) and icon file (PNG form must be comprised, comprise multiple sizes such as 16 × 16,32 × 32,48 × 48,57 × 57,72 × 72,92 × 92,114 × 114,256 × 256, all icon files are placed in a file by suggestion, as: icons/) and as described in application bag configuration file (package.xml, package.json), simultaneously prewired program bibliographic structure.Associated documents in a program call, and should use relative path.

In the present invention, acquiescence adopt ZIP form application programs to carry out compressing and using ZAP(Zipped Application Package) suffix that wraps as application, acquiescence is carried out without key encryption Javascript, and acquiescence is in xml format as the form of configuration file.

With reference to shown in Fig. 4, for the present invention is based in the packing of the HTML5 application of cloud computing, peace loading, unloading, operation method and system, the schematic flow sheet be applied on remote server being installed, being implemented by following steps:

Step one: receive and install the instruction of application bag, receive by following two kinds of modes:

1, user by the graphical interaction interface of being assured reason module creation by described application directly input the instruction of application bag is installed.

2, user operates third-party application or system, and third-party application or system are assured initiation in reason by described api interface module to described application and installed the instruction of application bag.

Step 2: select and upload application APMB package, this step has two schemes available.

Scheme one: upload local application APMB package, undertaken by following little step:

1, application bag administrative center sends the instruction of uploading application APMB package to transmission module on described program file, makes it show the interactive interface uploading local application APMB package to user.

2, user is undertaken selecting to apply bag on the local computer by the button clicking " select File ".

3, on described program file, transmission module reads selected application APMB package content by the File API of HTML5, and by file content with create the instruction of application bag and upload to service end by described transceiver module.

Scheme two: upload remote application APMB package, undertaken by following little step:

1, application bag administrative center sends the instruction of uploading application file to transmission module on described program file, makes it show the interactive interface of remote application file to user.

Step 3: carry out user's identification in service end, this step is divided into again following little step and carries out:

1, described communication interface is when applying the receipts of installing and asking, and SESSION ID is passed to described subscriber identification module and carries out user's identification.

2, described subscriber identification module retrieves corresponding information according in the information record of SESSION ID user logging status, if there is record and Entered state in information record is labeled as and logs in, then reads its User ID(Customs Assigned Number).

3, User ID is returned to described communication interface by described subscriber identification module.

Step 4: receive and preserve application APMB package, described communication interface is by the content/address of the application APMB package received and instruction installed by application bag and the User ID that returned by described subscriber identification module passes to described application Packet analyzing module, now, operate according to the scheme selected in step 2:

If have selected scheme one in step 2, the newly-built null file of described application Packet analyzing module, is then written to the content of the application APMB package received in this null file.

If have selected scheme two in step 2, remote application APMB package is downloaded in server by http protocol or File Transfer Protocol according to the remote application APMB package address received by described application Packet analyzing module.

Step 5: resolve application bag, this step is divided into again following little step and carries out:

1, described application Packet analyzing module decompress(ion) application APMB package the file of decompress(ion) gained is saved in a temporary folder.

2, described application Packet analyzing module deletes application APMB package.

3, the son file under in described application Packet analyzing module walks temporary folder and sub-folder, detect and meet following requirement:

(1) whether there is configuration file (package.xml or package.json).

(2) whether there is homepage or master program file (default.html or default.js).

4, described application Packet analyzing module reads and analysis configuration file, and detecting its information is be arranged on following necessary information by regulation: NameSpace, application type, publisher, application description, application version.

5, from configuration file, show that whether Javascript file is encrypted by described application Packet analyzing module, if encrypted, extract Javascript file (file of .js suffix) and read its code content from program file, decoding code also replaces primary code.

If the regulation do not met in above-mentioned 3,4 is wrapped in application, then stop performing and removing the file produced in installation process, then return error message.

7, testing result and the application bag configuration information that reads from configuration file are passed to described data center by described application Packet analyzing module, then carry out next step.

Step 6: improve configuration information (optional step) with user interactions, resets applied environment for carrying out in installation process, if ignore this step, then default behavior carries out, and this step is divided into again following little step and carries out:

1, described data center creates one and installs task record using SESSION ID as the application bag of client identification marking, for preserving task status, applying bag configuration information, by the program file information applying bag decompress(ion) gained.

2, described data center returns the request of carrying out applying bag configuration to client by transceiver interface.

3, the information returned is passed to described application bag administration module by described transceiver module.

4, described application bag administration module call described application arrange module to user show application configuration input list interactive interface.

5, described application arranges module and shows that list is filled in guide and and guided user to fill in configuration information by interactive interface to user.

6, described application arranges the application bag configuration information that user fills in by module and is sent to service end by described transceiver module.

7, re-start user by the method for step 3 to identify.

8, the application bag configuration information received is passed to described data center and processes by described communication interface.

9, described data center retrieves corresponding record according to SESSION ID from application bag installation task record, by recorded information, the installation of the application bag of client and service end is operated between different communication and is continued.

Step 7: preserve application package informatin and program file, this step is divided into again following little step and carries out:

1, described data center is retrieved database according to the NameSpace by configuration file gained, if there is the application under this NameSpace, then deletes original database information and program file.

2, described data center is that a unique APP ID is registered in the application of current installation, identifies during for carrying out management and running to application in the future.

3, described data center by by described step 5 by application bag decompress(ion) file move to the catalogue of save routine file under.

4, the essential information of application bag, application bag configuration information and program file information are saved in database by described data center.

Step 8: return new application message to client, this step is divided into again following little step and carries out:

1, new application package informatin is turned back in client by communication interface by described data center.

2, the new opplication package informatin returned is passed to described application bag administration module by described transceiver module.

4, new opplication package informatin is preserved by described application bag administration module, and upgrades the application management list in graphical interaction interface.

Step 9: described application bag administration module is by graphical interaction circle user oriented prompting application bag installation results information.

Terminate.

In above-mentioned establishment application bag implementing procedure, except the above-mentioned application bag created by the present invention, the present invention also support install by user create voluntarily not to the application bag that Javascript file is encrypted.When creating, must following rule be observed:

1, ZIP, RAR, 7Z form is adopted to carry out packing compression to program file.

2, homepage (default.html) or master program file (default.js) must be comprised in program file.

3, the application bag configuration file (package.xml, package.json) adopting standard format must be comprised in application bag, under being stored in the master catalogue of application bag, following item content must be set in file: publisher, NameSpace, application type, application description, application version.

4, application bag can comprise the icon of middle application, is made up of and leaves icons/(relative path in the icon file of the PNG form of multiple size) in catalogue, simultaneously using size as icon file title, as: 16.png, 32.png etc.

With reference to shown in Fig. 5, for the present invention is based on the schematic flow sheet unloading application bag on the remote server in the packing of the HTML5 application of cloud computing, peace loading, unloading, operation method and system, implemented by following steps:

Step one: receive the instruction of unloading application bag, receive by following two kinds of modes:

1, user is by directly input unloading application bag instruction in the graphical interaction interface of being assured reason module creation by described application.

2, user operates third-party application or system, and third-party application or system assure initiation unloading application bag instruction in reason by described api interface module to described application.

Step 2: the request sending unloading application to service end, is sent the request of application bag APP ID and the application bag unloading that will unload to service end by described transceiver module by described application bag administration module.

Step 4: delete application configuration information and program file, this step is divided into again following little step and carries out:

1, described communication interface is by the APP ID received and application bag unloading command and return User ID by described subscriber identification module and pass to described data center.

2, described data center by retrieving relevant application package informatin using APP ID as mark from database, then judges that whether the User ID in this application package informatin is consistent with the User ID of gained from described subscriber identification module.If do not retrieve result or User ID is inconsistent, then by described communication interface to returning error message.

3, described data center is according to by all application file paths obtained in the application package informatin read in database under current application, and deletes all application programs under current application according to file path.

4, described data center is by the application package informatin using APP ID as mark delete database.

Step 5: return application unloading object information to client, this step is divided into again following little step and carries out:

1, application unloading object information is turned back in client by communication interface by described data center.

2, the application returned unloading object information is passed to described application bag administration module by described transceiver module.

3, described application bag administration module judges application unloading object information, if unload successfully, deletes relative recording, and upgrade the application management list in graphical interaction interface according to APP ID from the application package informatin preserved.

Step 6: described application bag administration module is by graphical interaction circle user oriented prompting application bag unloading object information.

Terminate.

With reference to shown in Fig. 6, load in the client for the present invention is based in the packing of the HTML5 application of cloud computing, peace loading, unloading, operation method and system and run the schematic flow sheet applied, being implemented by following steps:

Step one: receive operation application instruction, receives by following two kinds of modes:

1, user is by the direct input NameSpace of application that runs application instruction and will run in the graphical interaction interface of being assured reason module creation by described application.

2, user operates third-party application or system, and third-party application or system assure in reason the NameSpace of application of initiating to run application instruction and will run to described application by described api interface module.

Step 2: obtain application package informatin according to NameSpace, described application bag administration module travels through the application package informatin array stored and contrasts NameSpace, applies package informatin accordingly, then represent that the application under this NameSpace is not installed if do not exist.If exist and apply package informatin accordingly, then read its information and enter next step.

Step 3: described application bag administration module sends APP ID and application operating instruction by described transceiver module to service end.

Step 4: carry out user's identification in service end, this step is divided into again following little step and carries out:

Step 5: service end application message detects, and this step is divided into again following little step and carries out:

1, described communication interface is by the APP ID received and program file load instructions and return User ID by described subscriber identification module and pass to described data center.

3, the logical reading from database of described data center applies package informatin accordingly.

Step 6: create application file and load secret order, this step is divided into again following 2 little steps and carries out:

1, described data center stochastic generation one it can be used as secret order by English alphabet with 16 character strings forming of numeral.

2, described data center creates an application program loading tasks record using secret order as client identification marking, for applying NameSpace and application package informatin.

Step 7: return and load secret order and homepage/program code, this step is divided into again following 2 little steps and carries out:

1, described data center is according to by the application package informatin read in database, obtains the storing path applying homepage/program file in application, then reads the code content of homepage/program file according to path.

2, the code content of homepage/program file and loading secret order are turned back to client by communication interface by described data center.

Step 8: root creates the related control supporting that application runs, and this step is divided into again following 2 little steps and carries out:

1, described application bag administration module also initiates the request of application operation to described application invocation module delivery applications package informatin.

2, described application invocation module extracts application interface configuration information from application package informatin, then arranges according to interface and calls the establishment that described control creation module carries out comprising the controls such as application window (necessity), taskbar button (choosing is wanted), notification icon (choosing is wanted), application controls menu (select will).

Step 9: create running space and arrange system API, this step is divided into again following little step and carries out:

1, described API and running space arrange module and create a <iframe> element by DOM and by its authority of sandbox property control, under then it can be used as daughter element to add the window control created by step 8 to.

2, the BaseURL of current application is set, the src value of described <iframe> element is set by described API and running space for http: // current domain name/package/ secret order/NameSpace/.

3, described API and running space arrange module and arrange some Javascript global variable, object and methods that can operate other system and application under this running spaces (contentWindow of <iframe> element).

Step 10: resolve homepage code or run master routine, code to be written to by the method for document.write in the document in running space (contentWindow of <iframe> element) to run and to resolve homepage code or run master routine by described application invocation module by main business/program code.

Step 11: load extendfile by loading secret order, this step is divided into again following little step and carries out:

1, after application main business or master routine run, HTML5 environment can load other program files automatically according to program design, that to be BaseURL+ program file wrap with application the program file URL be loaded is relative, as: http: // current domain name/package/ secret order/NameSpace/xxx.js.

2, described communication interface, by rewrite technology, with all http of canonical identification: the URL of // current domain name/package/ secret order/NameSpace/file name formats, then analyzes this URL and extracts secret order, NameSpace and filename.

3, the secret order of analysis URL gained, NameSpace and filename are passed to described data center by described communication interface.

4, described data center is using secret order as mark, corresponding record is retrieved from application program loading tasks record, if the NameSpace that extracts is inconsistent during the NameSpace in no record or record and URL analyze, then return error message by described communication interface.

5, the consistent application file information of filename for analyzing gained from URL is retrieved from application program loading tasks record by described data center, then goes according to the actual storing path of file in this application file information the content reading this file.

6, described data center is turned back in client by the program file content of described communication interface by reading.

Step 12: run HTML5 application.This step is carried out under HTML5 environment voluntarily by application program.

Terminate.

In above-mentioned operation application implementation flow process, conveniently user to the identification of application with call, except by except APP ID, the mark that the present invention also can adopt NameSpace to run as program.

In above-mentioned operation application implementation flow process, the acting as of described loading secret order is carried out client identification and is strengthened the protection of application source code.Although also can be played the effect of client identification by SESSION ID, but because SESSION ID is kept at browser or runs in the COOKIE of the present invention's application, therefore also can by the application access run under same domain name, this just causes to pretend in the application of client operation the program file that client goes to download other application easily.

With reference to shown in Fig. 7, for the present invention is based in the packing of the HTML5 application of cloud computing, peace loading, unloading, operation method and system the intention being closed in application flow that client runs and showing, implemented by following steps:

Step one: receive closedown application instruction, receives by three kinds of modes:

1, user by the graphical interaction interface of being assured reason module creation by described application directly input close application instruction.

2, user operates third-party application or system, and third-party application or system are assured initiation in reason by described api interface module to described application and closed application instruction.

3, user carries out operation realization input closedown application instruction by the related control run support application, as: the X button clicking application window.

Step 2: the close event triggering application program, described application call module to application triggers close event, allows application program perform the process before closing by API.

Step 3: destroy application running space and related control, this step is divided into again following little step and carries out:

1, described application call module is called described API and running space and is arranged module and delete all variablees, method and the object under the contentWindow of <iframe> element or be set to null, then deletes <iframe> element.

2, described application call module is called the HMTL element of described control creation module to related control and is deleted, and then deletes relevant control object or is set to null.

Terminate.

The packing that HTML5 based on cloud computing of the present invention applies, peace loading, unloading, operation method and system, this system comprises service end, and carries out mutual more than one client with described service end; Described service end comprises communication interface, data center, client code memory module, application Packet analyzing module, application bag creation module, subscriber identification module, database, interim application file and application file; Described client comprises transmission module on transceiver module, program file, application configuration module, application invocation module, program file load-on module, control creation module, api interface module and API and running space and arranges module.The invention solves the current network platform and can only preserve data and file but freely can not be installed, customize the deficiencies such as third-party application, user is distributed to the form of installation kit file after developer (especially for personal development person) can be applied by packing, reduce technical difficulty, reduce server cost; User is allowed can application to be arranged on cloud server, local runtime is loaded into immediately during use, not only can save the space of local hard drive, one-step installation can also be played, everywhere can effect, realize allowing user based in the operating system of cloud computing or consolidated network platform by simply, easily method management and running is carried out to HTML5 application.

Above-described embodiment, just an example of the present invention, be not for limiting enforcement of the present invention and interest field, all technical schemes identical or equivalent with content described in the claims in the present invention, all should be included in scope.

Claims

1. the packing of applying based on the HTML5 of cloud computing, peace loading, unloading, operation method and a system, is characterized in that: this system comprises service end, and carry out mutual more than one client with described service end.

2. the HTML5 based on cloud computing according to claim 1 apply packing, peace loading, unloading, operation method and system, it is characterized in that: described client comprises: transceiver module, for carrying out communication with server and instruction distributes; Application bag administrative center, receives user operation instruction for carrying out management and supervision to application package informatin; Transmission module on program file, for when creating application bag, upload program file; Application configuration module, is arranged for carrying out routine at establishment application bag or installation application to application; Application invocation module, for realizing being applied in client operation according to applying package informatin and calling correlation module; Program file load-on module, operationally loads homepage or main program code for application, and creates a url path allowing application program can load the application file of expansion voluntarily by secret order; Control creation module, for creating as window, taskbar are correlated with interactive interface control when applying and running;

Described client also comprises API and running space arranges module, for being created the running space allowing and apply energy independent operating by iframe element, and a series of overall situation function or object are set in running space, make application operationally be called the API method of client budget;

3. the HTML5 based on cloud computing according to claim 1 apply packing, peace loading, unloading, operation method and system, it is characterized in that: described service end comprises: communication interface, communicating for carrying out being connected with client, set up conversation mechanism and instruction distributes; Data center, for application package informatin and program file manage, also for the treatment of from described communication interface various request and return request results; Client code memory module, for storing Javascript and the CSS code file of client, and client at browser execution time by communications interface transmission to browser in run; Application Packet analyzing module, for carrying out decompress(ion), analysis configuration file, trace routine file to application bag, deciphering Javascript code; Application bag creation module, for carrying out according to the program file received and application bag configuration information the temporary file creating application bag;

Described service end comprises subscriber identification module, for carrying out user's identification to according to session information, and returns Customs Assigned Number, allows described application bag administration module be able to distinguish application according to Customs Assigned Number; Subscriber identification module also provides api interface, and described application system can be run with other system in combination as an assembly;

The running environment of described service end also comprises: database, and user stores essential information, configuration information, the operation information of application bag; File system, carries out storing, manage and reading and writing for application programs file.

4. the HTML5 based on cloud computing according to claim 1 apply packing, peace loading, unloading, operation method and system, it is characterized in that: this operation method comprises: create application bag, install and be applied on remote server, unloading application on the remote server, load and runs application, be closed in the application of client operation in the client.

5. the HTML5 based on cloud computing according to claim 4 apply packing, peace loading, unloading, operation method and system, it is characterized in that: the described implementation process creating application bag comprises the following steps: (1) user submits to application bag to create instruction to described application bag administration module; (2) described application bag administration module calls transmission module in described application program and uploads the interactive interface of application file to user's displaying, and user selects and uploads application file; (3) described communication interface passes to described application bag creation module by what receive to program file, described application bag creation module is carried out decompress(ion) and is also traveled through the application file uploaded, described application bag creation module initiates the request of carrying out applying configuration to described application configuration module to user to client and described transceiver module by described communication interface, and require that user fills in application configuration information by interactive interface, then described application configuration module sends application configuration information by described transceiver module and described communication interface to described application bag creation module; (4) described application bag creation module carries out the establishment of applying configuration file, the encryption of Javascript document code and the establishment of interim application bag; (5) described application bag creation module returns application package informatin by described communication interface and described transceiver module to described application bag administration module; (6) described application bag administration module is shown the interactive interface of down load application bag to user and is carried out applying the download of wrapping to user's instruction;

The cipher mode of described Javascript code comprises: without key encryption, have key encryption and do not encrypt three kinds of modes; Its cryptographic algorithm is not open to third party, by the application bag after Javascript code encryption, only for running in the system;

Described configuration file comprises following application package informatin: publisher, NameSpace, application type, the acquiescence method of operation, application icon file path, application description, interface configuration information, application version, application bag version, and its file layout is XML or JSON;

Described application bag is by HTML, CSS, JS, XML, JSON, picture file, audio file, video file, browses the condensed document that add-on file undertaken by ZIP, RAR, 7Z form compressing; In described condensed document, a homepage or master program file bag configuration file must be comprised.

6. the HTML5 based on cloud computing according to claim 4 apply packing, peace loading, unloading, operation method and system, it is characterized in that: the implementation process that described installation is applied on remote server comprises the following steps: (1) user submits to application bag to create instruction to described application bag administration module; (2) described application bag administration module calls transmission module in described application program and uploads the interactive interface of application file to user's displaying, and user selects and uploads application file; (3) described communication interface calls described user login management module carries out service end user's identification by SESSION conversation mechanism; (4) described application packet analysis module decompress(ion) application bag, then carries out analyzing and deciphering; (5) return to client and ask and call described application configuration module and user interactions improves configuration information, then configuration information is submitted to described data center by described transceiver module and communication interface; (6) described data center utilizes data preserve application package informatin and utilize file system storage program file; (7) described data center returns new application message by communication interface to client; (8) described application bag administration module points out application bag installation information by interactive interface to user;

Described system also support install by user create voluntarily not to the application bag that Javascript file is encrypted.

7. the HTML5 based on cloud computing according to claim 4 apply packing, peace loading, unloading, operation method and system, it is characterized in that: the implementation process of described unloading application on the remote server comprises the following steps: (1) user submits to application bag unloading command to described application bag administration module; (2) described application bag administration module sends the application bag APP ID and application bag unload request that will unload to service end by described transceiver module; (3) described communication interface calls described user login management module carries out service end user's identification by SESSION conversation mechanism; (4) corresponding application package informatin and program file in described data center delete database; (5) described data center returns application bag unloading object information by communication interface to client; (6) described application bag administration module points out application bag unloading object information by interactive interface to user.

8. the HTML5 based on cloud computing according to claim 4 apply packing, peace loading, unloading, operation method and system, it is characterized in that: the implementation process running application in described client comprises the following steps: (1) user submits application operating instruction to and will run the NameSpace of application to described application bag administration module; (2) described application bag administration module obtains application package informatin according to NameSpace; (3) described application bag administration module sends the APP ID and application operation request that will run application to service end by described transceiver module; (4) described communication interface calls described user login management module carries out service end user's identification by SESSION conversation mechanism; (5) described data center retrieves corresponding application package informatin according to APP ID and detects from database; (6) described data center creates application file and loads secret order and program file loading tasks record; (7) reading of described data center returns the code content of homepage/program code and itself and loading secret order is turned back to client by described communication interface; (8) described application invocation module calls the related control that described control creation module carries out creating support application operation; (9) described application invocation module is called described API and running space and is arranged module and carry out establishment running space and arrange system API; (10) carry out operation in the document that code to be written in running space by described application invocation module by main business/program code by the method for document.write resolve homepage code or run master routine; (11) will automatically think that service end initiates to load the request of extendfile when running under being applied in HTML5 environment, described communication interface is analyzed by URL and is then read corresponding program file content and return to client; (12) HTML5 application is run;

Run in described client in the implementation process of application, conveniently user to application identification with call, except the mark by NameSpace also can be adopted except APP ID to run as program;

9. the HTML5 based on cloud computing according to claim 8 apply packing, peace loading, unloading, operation method and system, it is characterized in that: described running space to be applied with other for the Javascript code in avoiding applying and CSS pattern or the Javascript code of client-side program and CSS pattern occur conflicting and make the mistake; Reduce the unnecessary authority of application to improve security; Make to be applied in operational process, under HTML5 environment, the program file of expansion can be installed voluntarily additional; By contentWindow simulation under <iframe> element, original global variable under contentWindow is reset, to improve security, then be with http by arranging <iframe> element src value: the URL of // domain name/package/ secret order/NameSpace/form, and the BaseURL of the application using it as HTML5; Under the environment of HTML5, application can carry out the loading of program file according to BaseURL+ and the relative file path (as: http: // domain name/package/ secret order/NameSpace/xxx.js) of application homepage.

10. the HTML5 based on cloud computing according to claim 4 apply packing, peace loading, unloading, operation method and system, it is characterized in that: the implementation process being closed in the application that described client is run comprises the following steps: (1) user submits to and closes operating instruction and will close the NameSpace of application to described application bag administration module; (2) described application call module is by API to application triggers close event, allows application program perform the process before closing; (3) described application call module described API and running space and call described control creation module running space and related control are deleted respectively.