CN104216700B - System of cloud-computing-based HTML5 application packaging, installation, unloading and operation method - Google Patents

Abstract

The invention provides a system of a cloud-computing-based HTML5 application packaging, installation, unloading and operation method. 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 system of the cloud-computing-based HTML5 application packaging, installation, unloading and operation method, 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

Packing, peace loading, unloading, the system of operation method that HTML5 based on cloud computing is applied

Technical field

The present invention relates to packing, peace loading, unloading, the system of operation method that a kind of HTML5 based on cloud computing is applied, especially It is related to a kind of packing, peace of application based on the HTML5 applications in the virtual opetrating system under browser or other HTML5 environment Loading, unloading, operation, closing.

Background technology

With developing rapidly for the Internet, browser is no longer used merely to represent web content, with the technology of HTML5 Come out, Web enters the application platform of a maturation, on the platforms of HTML 5, video, audio frequency, image, animation, and it is man-machine Interactive and people net interaction is all standardized, and this allows have and updates without the need for installation, low, cross-platform development cost and cross-terminal, iteration The HTML5 applications of the advantage such as easy there is a high likelihood that it becomes following world.Unfortunately, it is necessary to have service Device provides beyond the clouds service could allow HTML5 application advantages to be fully demonstrated, and this just result in us using various online Using while, also to log in heterogeneous networks platform.Additionally, for more individual developers, expensive server cost allows people Hang back.

Can only preserve data and file for the current network platform but can not freely install, customize third-party application etc. no Foot, researches and develops packing, installation and unloading, operation and the method and system of closing that a kind of HTML5 based on cloud computing is applied, gets out of the way Originator（Particularly with individual developer）User can be distributed in the form of installation package file after packing application, both be reduced Technical difficulty, reduces server cost again；Allow user that application is arranged on cloud server, be loaded into this when using immediately Ground operation, not only can save the space of local hard drive, moreover it is possible to play once mounting, everywhere available effect.Additionally, may be used also Allow user to be managed collectively and apply using various HTML5 in a network platform, meet the various demands of different user, also reduce Because different platforms being logged in using different applications and caused trouble.

The content of the invention

In order to cater to the growth requirement of Internet technology and field of cloud calculation, data can only be preserved for the current network platform But can not freely install, customize the deficiencies such as third-party application with file, there is provided a kind of HTML5 based on cloud computing is applied（Below Referred to as apply）Packing, install and unloading, operation and the method and system closed, make using by high in the clouds is locally moved on to, to realize allowing User is in the operating system or consolidated network platform based on cloud computing by the way that simply, easily method is managed to application With operation, allow apply and play once mounting, available effect everywhere.The present invention is achieved through the following technical solutions：

Packing, peace loading, unloading, operation, the method and system of closing that a kind of HTML5 based on cloud computing is applied, this is System includes service end, and the more than one client interacted with the service end.

Further, the client includes：Transceiver module, for being communicated with server and instruction is distributed；Using Bag administrative center, for receive user operational order is managed and monitored using package informatin；Transmission module on program file, uses In create application bag or install apply when, upload program file；Application configuration module, for answering in establishment application bag or installation Conventional setting is carried out with to application；Application invocation module, for according to using package informatin and call correlation module realize apply Client is run；Program file load-on module, for application homepage or main program code are operationally loaded, and are given birth to by secret order Into the url paths of an application file for allowing application program voluntarily to load extension；Control creation module, for answering With establishment during operation such as window, taskbar correlation interactive interface control.

In order to allow application program by the Javascript codes or CSS style interference of other programs, and allow using can To call the method for FTP client FTP and strengthen application function, the client also includes API and running space setup module, uses The running space of energy independent operating is applied in allowing by establishment iframe elements, and a series of overall situation is set in running space Function or object, make application operationally be able to call the API approach of client.

The system acts not only as an independent system to run, moreover it is possible to be applied to other as a component In Web applications or system, the client should also include api interface module, provide for being provided as third-party application or system A series of api interface orders the peace loading, unloading applied, operation, are closed and generation that application is wrapped operating.

Further, the service end includes：Communication interface, communicates, sets up meeting phone for being attached with client System and instruction are distributed；Data center, for being managed using package informatin and its program file, being also used for processing from described The various requests of communication interface simultaneously return request results；Client code memory module, for storing client Javascript and CSS code files, and pass through communication interface when client is in browser execution client side program code It is transferred in browser and runs；Using Packet analyzing module, for decompressing using bag, analysis configuration file to detect program File, decrypts Javascript codes；Using bag creation module, for matching somebody with somebody confidence according to the program file and application bag that receive Breath carries out creating the temporary file of application bag.

The service end includes subscriber identification module, for carrying out user's identification according to session information, and returns user Numbering, allows the data center to be able to make a distinction application according to Customs Assigned Number；Subscriber identification module also provides api interface, Allow the application system as a component and run with other system in combination.

The running environment of the service end also includes：Data base, stores essential information, the configuration information of user's application bag, Operation information；File system, for being stored to application file, being managed and read and write.

Further, the operation method includes：Create application bag, installation to be applied on remote server, be discharged in remotely Application on server, application is loaded and run in the client, close the application in client operation.

Further, the implementation process for creating application bag is comprised the following steps：（1）User submits to and refers to using bag establishment Make using bag management module；（2）Transmission module on the application program is called to show that upload should to user using bag management module With the interactive interface of program file, user selects and uploads application file；（3）Communication interface will be received to program file The application file for being decompressed and being traveled through upload using bag creation module using bag creation module is passed to, using bag mould is created The request that block initiates to carry out application configuration by communication interface and transceiver module to application configuration module, and will by interactive interface User is asked to fill in application configuration information, then application configuration module passes through transceiver module and communication interface to using bag creation module Send application configuration information；（4）The establishment of application configuration file is carried out using bag creation module, Javascript document codes Encryption and the establishment of interim application bag；（5）Reason is assured to application by communication interface and transceiver module using bag creation module Module is returned and applies package informatin；（6）Show the interactive interface for downloading application bag to user using bag management module and refer to user Showing is carried out using the download of bag.

The cipher mode of the Javascript codes includes：Without key encryption, there is key encryption and do not encrypt three kinds of sides Formula；Its AES is not disclosed third party, the application bag after Javascript code encryptions, is only limited in the system Operation.

The configuration file includes following application package informatin：Publisher, NameSpace, application type, acquiescence the method for operation, Application icon file path, application description, interface configuration information, application version, using bag version, its file format is XML or JSON.

The application APMB package of the establishment only preserves one section of finite time (such as in the service end：24 hours), it is overdue after To be automatically deleted by system.

The application bag is by HTML, CSS, JS, XML, JSON, picture file, audio file, video file, browses slotting The condensed document that part file is compressed by ZIP, RAR, 7Z form；In the condensed document, it is necessary to comprising a homepage Or master program file bag configuration file.

Further, the implementation process being applied on remote server of installing is comprised the following steps：（1）User submits to Using bag instruction is created to using bag management module；（2）Using bag management module call on the application program transmission module to Family shows the interactive interface for uploading application file, and user selects and upload application file；（3）Communication interface calls use Family is logged in management module and the user's identification of service end is carried out by SESSION conversation mechanisms；（4）Should using packet analysis module decompression With bag, then it is analyzed and decrypts；（5）Ask and call application configuration module to be improved with user mutual to client return to match somebody with somebody Confidence ceases, and then configuration information is submitted to into data center by transceiver module and communication interface；（6）Data center utilizes data Preserve using package informatin and using file system storage program file；（7）Data center is returned by communication interface to client New application message；（8）Prompted the user with using bag installation information by interactive interface using bag management module.

In addition to the above-mentioned application bag by the system creation, the system is also supported to install and voluntarily created not by user The application bag that Javascript files are encrypted.

Further, the implementation process of unloading application on the remote server is comprised the following steps：（1）User Submit to using bag unloading command to using bag management module；（2）Sent to service end by transceiver module using bag management module The application bag APP ID to be unloaded and application bag unloading request；（3）Communication interface calls user to log in management module to pass through SESSION conversation mechanisms carry out the user's identification of service end；（4）Data center delete in data base accordingly using package informatin with And program file；（5）Data center returns application bag unloading object information by communication interface to client；（6）Using assuring Reason module is prompted the user with using bag unloading object information by interactive interface.

Further, the implementation process that application is run in the client is comprised the following steps：（1）User submits application fortune to Row instructs and to run the NameSpace of application to using bag management module；（2）Obtained according to NameSpace using bag management module Take and apply package informatin；（3）Being sent to service end by transceiver module using bag management module will run the APP ID of application and answer With operation request；（4）Communication interface is called user to log in management module and the user of service end is carried out by SESSION conversation mechanisms Identification；（5）Data center retrieves from data base according to APP ID and apply accordingly package informatin and detected；（6）Data Center creates application file loading secret order and program file loading tasks record；（7）Data center reads and returns homepage/journey It is simultaneously returned to client by the code content of sequence code with loading secret order by communication interface；（8）Application invocation module is called Control creation module carries out creating the related control for supporting application operation；（9）Application invocation module calls the API and operation empty Between setup module carry out creating running space and system API be set；（10）Application invocation module passes through main business/program code The method of document.write is written to code in the document in running space carries out operation parsing homepage code or operation Mastery routine；（11）To automatically think that service end initiates the request of loading extension file when applying the operation under HTML5 environment, communication connects Mouth is analyzed by URL and then is read corresponding program file content and returns to client；（12）Operation HTML5 applications.

Run in the client in the implementation process of application, for convenience user to apply identification with call, remove By the mark that can also adopt NameSpace to run as program beyond APP ID.

The protection for acting as carrying out client identification and strengthening application source code of the loading secret order.

Further, the running space is used to avoid Javascript codes and CSS style in applying from answering with other With or client-side program Javascript codes and CSS style occur conflict and cause mistake；Reduce and apply unnecessary power Limit to improve safety；Make to apply in running, can voluntarily install the program file of extension additional under HTML5 environment；It is logical Cross<iframe>ContentWindow simulations, are set again to the original global variable under contentWindow under element Put, to improve safety, then by arranging<iframe>Element src values are with http:// domain name/package/ secret orders/life The URL of the name space/form, and using it as the BaseURL of HTML5 applications；In the environment of HTML5, application can basis BaseURL+ and the relative file path using homepage（Such as：http:// domain name/package/ secret orders/NameSpace/xxx.js） Carry out the loading of program file.

Further, the implementation process for closing the application run in client is comprised the following steps：（1）User submits to Close operating instruction and to close the NameSpace of application to the application bag management module；（2）The application call mould Block, to application triggers close event, allows application program to perform the process before closing by API；（3）Application call mould Block is deleted running space and related control respectively by API and running space setup module and control creation module.

Packing, peace loading, unloading, the system of operation method that the HTML5 based on cloud computing of the present invention is applied, the system bag Include service end, and the more than one client interacted with the service end；The service end includes communication interface, data Center, client code memory module, using Packet analyzing module, using bag creation module, subscriber identification module, data base, face When application file and application file；The client includes transmission module, application configuration on transceiver module, program file Module, application invocation module, program file load-on module, control creation module, api interface module and API and running space set Put module.The present invention solves that the current network platform can only preserve data and file but can not be installed freely, customizing third party should It is not enough with waiting, allow developer（Particularly with individual developer）Can be distributed in the form of installation package file after packing application To user, technical difficulty is reduced, reduce server cost；User application can be installed on the remote server, stands when using Local runtime is loaded into, the space of local hard drive not only can be saved, moreover it is possible to play once mounting, everywhere available work Allow user in the operating system or consolidated network platform based on cloud computing by simple, easily method pair with, realization HTML5 applications are managed and operation.

Description of the drawings

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

Fig. 1 is packing, peace loading, unloading, the system of the system of operation method that HTML5 of the present invention based on cloud computing is applied Structural representation.

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

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

Fig. 4 is packing, peace loading, unloading, the enforcement of the system of operation method that HTML5 of the present invention based on cloud computing is applied Using the schematic flow sheet that bag is installed.

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

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

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

Specific embodiment

In the present embodiment, with reference to shown in Fig. 1, packing, peace loading, unloading, operation that a kind of HTML5 based on cloud computing is applied The system of method, the system includes service end and the more than one client interacted with the service end.

The client includes：Transceiver module, application bag administrative center, transmission module on program file, application configuration module, Application invocation module, program file load-on module, control creation module, API and running space setup module, api interface module.

The transceiver module, for being communicated with server and instruction is distributed.Its function implementation is to work as to receive During the communication request of other modules, the transceiver module is by request command and user session information together by Ajax technologies to clothes Business end sends association requests, and by its communication request module of the feedback information for receiving.When receiving the feedback from service end During information, passed the request to be processed in different modules according to instruction.Delivery format is JSON or XML.

The application bag management module, for monitoring receive user operational order and to being managed using package informatin.Its Function implementation is, in system initialization, to initiate mounted application package informatin to service end by the transceiver module and add Request is carried, then will be stored in internal memory using package informatin.The application bag management module also submits a graphical interaction interface to, with Just user management or operation application, additionally, the operational order being input into by the api interface module can be also received, when receiving During operational order, just other modules or service end is then coordinated to be processed to detecting using package informatin according to instruction.

Described program files passe module, for create application bag when, upload program file.Its function implementation has Two schemes：Scheme one is by arranging one due to selecting local file<input type=”file”>File control, and The event-monitoring that file is chosen is set to the control, is then read after file content by the receipts with the File API of HTML5 Send out module and file content is uploaded to into service end.Scheme two is to be used to be input into telefile address by arranging one<input type=”url”>Address control and one are used to submit address to<button>Button control, and it is right<button>Button control The event-monitoring clicked on is set, is then read<input type=”url”>Pass through the transceiver module after the content of address control It is sent to service end.Above-mentioned telefile address is the URL of http protocol or File Transfer Protocol.

The application configuration module, for create application bag or install application to application carry out conventional setting.Its function Implementation is to arrange list using package informatin by the display in graphical interaction interface, and guides user to be input on request.When During user's submission form, the information to submitting to is checked, if input error, points out error message；If input is correct, lead to Crossing the transceiver module will be sent to service end using bag configuration information.

The application invocation module, for according to using package informatin and call correlation module realize apply client fortune OK.Its function implementation is the root when receiving from application package informatin and the operation request of the application bag management module According to using package informatin NameSpace judge the application to be run whether in operation, to run application operation, Then it is switched on the interactive interface of the application, and completes the operation applied.Application to run does not have in operation, then to adjust successively It is using establishment fortune with described program file load module, the control creation module, the API and running space setup module Capable various environment, the homepage that then will be returned from described program file load module by the method for document.write Or in mastery routine generation, is input in the running space created by the API and running space setup module and runs.

Described program file load module, for application homepage or main program code are operationally loaded, and by secret order Create the url paths of an application file for allowing application program voluntarily to load extension；Headed by its function implementation First pass through the transceiver module is used to load extension application to service end initiation loading homepage or main program code and one The secret order of file, according to the secret order for returning, creates one and meets service end and parse and comprising using NameSpace and secret order Url paths（Such as：http:// domain name/package/ secret orders/NameSpace/）, then by homepage or main program code and url roads Footpath returns to the application invocation module.

The control creation module, for creating such as window, taskbar correlation interactive interface control in application operation. Its function implementation is the control by Javascript to DOM, creates the coherent element of control and arranges sample using CSS Formula, then by arranging event to coherent element（Events）The monitoring of user input is carried out, allows user to pass through to operate phase Closing control carries out the operation such as switching over, exit to application.

The API and running space setup module, for arrange using running space and be using arrange some operation Global object and method in space, the method for alloing application to call the offer of the method for the present invention and other systems.Its Function implementation is by creating one<iframe>Element, and allow application code to exist<iframe>Operation in element, this Sample can be such that Javascript variables and CSS style in application program is not disturbed by other application.Then in the running space（< iframe>The contentWindow of element）It is lower that some Javascript that can be operated to other systems and application are set Global variable, object and method, using running in, directly these variables, object and method can be conducted interviews and operation, Realize the function of being operated to other systems and application.

The api interface module, provides a series of api interface orders to operate for being provided as third-party application or system Peace loading, unloading, operation, closing and the application bag that the present invention is applied is generated.Its function implementation is at the beginning of client Beginningization, the api interface module creates a global object in Javascript action scopes, and setting one is in the object The public method of row.The third-party application or system under identical Javascript action scopes is made by calling the global object Perform peace of the invention loading, unloading, operation, close and using operations such as bag generations.

The service end includes：Communication interface, data center, client code memory module, using Packet analyzing module, should With bag creation module, subscriber identification module.

The communication interface, communicates, sets up conversation mechanism and instruction is distributed for being attached with client；Its function reality Applying method is to realize carrying out HTTP/HTTPS agreements with client by the HTTP/HTTPS such as Nginx or Apache proxy servers Communication.SESSION conversation mechanisms are set up during communication, to client SESSION ID are distributed（Unique session coding）, it is used for Other modules carry out client or user's identification.When a request is received, passed the request in different modules according to instruction Process.

The data center, for being managed using package informatin and its program file, being also used for processing from described The various requests of communication interface simultaneously return request results.Its function implementation is to application bag by data base and file system Information and program file the operation such as are stored, are updated, being deleted to realize to being managed using bag.Each is applied package informatin In record, there is the field of a Customs Assigned Number, for carrying out user's identification.

The client code memory module, client code memory module, for storing the Javascript of client With CSS code files, and run in browser by communications interface transmission when client is in browser execution；Its function reality Applying method is the addition in it need to run the html page of application of client<script>With<link>Label, allows browser to enter Row loading, or the loading code text by way of Ajax, and using evel function operation javascript codes, by wound Build<style>Element, using CSS style.In loading, the client code memory module can be according to request source and information It is analyzed, returns the client code of different editions, is such as applied to the client or the client suitable for smart mobile phone of PC. If being judged browser by HTTP_USER_AGENT without the specified version to be loaded in load request, divide automatically With most suitable version.

The application bag creation module, for according to the program file that receives and carry out creating using bag configuration information should With the temporary file of bag.Its function implementation is, according to using bag configuration information, to create an application configuration file, its file Form is XML or JSON, such as：package.xml、package.json.Then Javascript generations in encipheror file Code.Finally say that configuration file and program file are packaged into an interim compressed file, and by this document routing information by described Communication interface is returned in client.

The application Packet analyzing module, for decompressing using bag, analysis configuration file to detect program file, solution Close Javascript codes.Its function implementation is placed on the file obtained by decompression to attempt to decompressing using bag Application bag is deleted after in temporary folder.Then analysis configuration file, if configuration file is not present or information imperfection, passes through The communication interface returns the request of application bag configuration information to client.Then by facing obtained by configuration information and decompression When folder content path pass to the data center and processed.

The subscriber identification module, for carrying out user's identification according to session information, and returns Customs Assigned Number.Its function Implementation is by SESSION ID（Unique session number）It is 30 minutes to create an effective time as mark（Effectively Time can be arranged on demand）User logs in state information record, this information record saves user profile and User logs in State.When every time client is communicated with service end, the subscriber identification module is used by the way that SESSION ID retrievals are corresponding The information record of family logging status, realizes being kept when client communicates with service end by judging that it whether there is with information content User's Entered state.Additionally, the subscriber identification module also provides api interface, allow the present invention as a component and with Other system in combination operations.

It is packing, peace loading, unloading, the operation method of HTML5 application of the present invention based on cloud computing with reference to shown in Fig. 2 The schematic flow sheet of client initialization described in system, is implemented by following steps：

Step one：Javascript the and CSS codes of loading client simultaneously run, and can be realized by following two methods：

1st, in it need to run the html page of application of client, addition<script>With<link>Label, allows browser Loaded.

2nd, the loading code text by way of Ajax, and using evel function operation javascript codes, by wound Build<style>Element, using CSS style.

In the above process, the client code memory module can be analyzed according to request source and information, return The client code of different editions, is such as applied to the client or the client suitable for smart mobile phone of PC.If in load request Without the specified version to be loaded, then browser is judged by HTTP_USER_AGENT, most suitable version is distributed automatically This.

If client is operated in the Native applications based on HTML5（As locally should by what is installed in smart mobile phone With）, this ignores time step.

Step 2：Package informatin is applied in loading, and this step is divided into following little step again to be carried out：

1st, the application bag management module initiates request of the loading using package informatin by the transceiver module to service end.

2nd, the communication interface upon receiving a request, carries out the detection of SESSION sessions, then transmits SESSION ID （Unique session number）User's identification is carried out in the subscriber identification module, and returns Customs Assigned Number.

3rd, the communication interface is by the Customs Assigned Number returned by the subscriber identification module and obtains using package informatin instruction It is sent collectively to the data center.

4th, the data center upon receiving a request, reads all application bags letter under the Customs Assigned Number from data base Breath, and JSON or XML format are converted thereof on demand.Then data are returned in client by the communication interface.

5th, the transceiver module is passed to using bag administrative center and preserved after the data for receiving return.

Step 3：Graphical interaction interface and api interface are created, this step is divided into following little step again to be carried out：

1st, the related HTML element and control at reason module creation graphical interaction interface are assured by the application, and it is set Put event（Events）Carry out the monitoring of user input.

2nd, a global object is created in Javascript action scopes by the api interface module, and in the object It is middle that a series of public method is set.

Terminate.

It is packing, peace loading, unloading, the operation method of HTML5 application of the present invention based on cloud computing with reference to shown in Fig. 3 The schematic flow sheet of application bag is created in system, is implemented by following steps：

Preparation：User must be bundled to all program files and application icon file in one condensed document, and And in condensed document the relative directory of the file of prewired program and path, support the compressed format of the main flow such as ZIP, RAR, 7Z.

Step one：Establishment application bag instruction is received, can be received by following two modes：

1st, user is by directly inputting establishment application bag in the graphical interaction interface that reason module creation is assured by the application Instruction.

2nd, user operates to third-party application or system, and third-party application or system are by the api interface module Assure in reason to the application and initiate to create application bag instruction.

Step 2：Application file is selected and uploads, this step there are two schemes available.

Scheme one：Local program file is uploaded, is carried out by following little step：

1st, the instruction for uploading application file is sent to described program files passe module using bag administrative center so as to Show the interactive interface for uploading local application file to user.

2nd, user is selected the pressure of application file on the local computer by clicking on the button of " select file " Contracting document.

3rd, described program files passe module reads selected condensed document content by the File API of HTML5, and by text Shelves content and establishment application bag instruction upload to service end by the transceiver module.

4th, the content of the application file condensed document for receiving is passed to the application bag wound by the communication interface Modeling block is processed.

5th, an application bag creation module null file newly-built first, then by the application file pressure for receiving The content of contracting document is written in the null file.

Scheme two：Teleprogram file is uploaded, is carried out by following little step：

1st, the instruction for uploading remote application file is sent to described program files passe module using bag administrative center, It is set to show the interactive interface of remote application file to user.

2nd, HTTP the or FTP addresses that user passes through input telefile：Directly can be input in the control of address, then click on Button control carries out next step operation；Can also pass through to select the file in Dropbox（The file being stored on cloud server, can To be arranged by api interface module, call in select file, return to the address of network disk file and be automatically entered into address control In）It is input into, then clicking on button control carries out next step operation.

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

4th, the remote application file address for receiving is passed to the application bag creation module by the communication interface Processed.

5th, teleprogram file download is arrived server by the application bag creation module by http protocol or File Transfer Protocol In.

Step 3：The program file that traversal analysis is uploaded, this step is divided into following little step again to be carried out：

1st, application file condensed document unziped to and deleted after temporary folder by the application bag creation module to upload Remove.

2nd, the application bag creation module is traveled through to above-mentioned temporary folder, reads its all subfile information and son Folder information.

3rd, the application bag creation module is from above-mentioned traversing result, to homepage（default.html）Or mastery routine （default.js）File is detected, by communication interface to client return error message if not existing.

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

5th, the application bag creation module on request switchs to the file of reading, folder information for XML or JSON forms And returned in client by communication interface.

Step 4：With user mutual application bag configuration information, this step is divided into following little step again to be carried out：

1st, the information transmission of return is given the application bag management module by the transceiver module.

2nd, the application bag management module calls the application setup module to show application configuration input list to user Interactive interface.

3rd, the application setup module shows application bag according to compression pack arrangement and file, folder information is returned to user The tree-shaped list of structure, and instruction user therefrom selects icon file.

4th, the application setup module shows that list fills in guide and and guides user to fill in and matches somebody with somebody by interactive interface to user Confidence ceases.

5th, the application bag configuration information that the application setup module fills in user is sent to clothes by the transceiver module Business end.

6th, the communication interface passes to the application bag configuration information for receiving at the application bag creation module Reason.

7th, the application bag creation module is installed from application bag according to SESSION ID and retrieved in task record accordingly Record, makes the application bag of client and service end create operation and is continued between different communication by record information.

Step 5：Configuration file and encryption Javascript codes are created, this step is divided into following little step and enters again OK：

1st, the application bag creation module creates an application configuration file according to according to using bag configuration information.

2nd, the application bag creates mould and Javascript files is extracted in program file according to setting requirements（.js suffix File）And its code content is read, encrypted code simultaneously replaces original code, to reach the effect of defence program source code.

Step 6：Generate interim application and wrap and remove associated documents, this step is divided into following 2 little steps again to be carried out：

1st, the application bag creation module creates a condensed document, then by the temporary file of above-mentioned storage program file In All Files and catalogue and the generation configuration file be added in condensed document.

2nd, the application bag creation module removes the temporary file generated during application bag is created.

Step 7：Newly-built application package informatin is returned to client, this step is divided into following little step again to be carried out：

1st, application bag is created successful information and new application package informatin by the application bag creation module（Such as：File name, File size, path, download address etc.）Returned in client by the communication interface.

2nd, the transceiver module is submitted to using bag administrative center after the information returned by service end is received.

3rd, the transceiver module shows that application bag creates successful information, the application for generating by graphical interaction circle user oriented The relevant information and application bag " download " button of bag.

Step 8：User carries out being downloaded using APMB package by " download " button in click graphical interfaces.

Terminate.

In above-mentioned establishment application bag implementing procedure, the file effect duration for being generated is 1 day（Under default situations, also can press Demand adjusts effect duration）, it is overdue after will be automatically deleted by system；

In above-mentioned establishment application bag implementing procedure, the cipher mode of the Javascript codes includes：Without secret key plus It is close, have key encryption and do not encrypt three kinds of modes.Its AES is not disclosed third party, the application bag after encryption, only Limit is run in the present invention.

In above-mentioned establishment application bag implementing procedure, in the configuration file, including following application package informatin：Publisher, NameSpace, application type, the acquiescence method of operation, application icon file path（Relative to application bag）, application description, interface sets Confidence breath, application version, using bag version etc..Its file format is XML or JSON, such as：package.xml、 package.json。

In above-mentioned establishment application bag implementing procedure, the application bag is by HTML, CSS, JS, XML, JSON, picture text Part（GIF、PNG、JPG、BMP）, audio file（OGG、MP3、WAV）, video file（OGG、MPEG4、FLV）, browse plug-in unit text Part（SWF、XAP）Deng the condensed document that file is compressed by forms such as ZIP, RAR, 7Z.In the condensed document, it is necessary to Comprising a homepage（default.html）Or master program file（default.js）And icon file（PNG format, including 16 × 16th, multiple sizes such as 32 × 32,48 × 48,57 × 57,72 × 72,92 × 92,114 × 114,256 × 256, it is proposed that will be all Icon file is placed in a file, such as：icons/）With the application bag configuration file（package.xml、 package.json）, while prewired program bibliographic structure.Associated documents in a program are called, and should use relative path.

In the present invention, acquiescence adopts ZIP forms to be compressed to application program and with ZAP（Zipped Application Package）Used as the suffix of application bag, acquiescence is carried out without key encryption to Javascript, is given tacit consent to XML Form of the form as configuration file.

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

Step one：Installation application bag instruction is received, can be received by following two modes：

1st, user is by directly inputting installation application bag in the graphical interaction interface that reason module creation is assured by the application Instruction.

2nd, user operates to third-party application or system, and third-party application or system are by the api interface module Assure in reason to the application and initiate that application bag instruction is installed.

Step 2：Select and upload to apply APMB package, this step there are two schemes available.

Scheme one：Locally applied APMB package is uploaded, is carried out by following little step：

1st, send to described program files passe module using bag administrative center and upload using the instruction of APMB package so as to User shows the interactive interface for uploading locally applied APMB package.

2nd, user is selected application bag on the local computer by clicking on the button of " select file ".

3rd, described program files passe module applies APMB package content by the way that the File API readings of HTML5 are selected, and will File content and establishment application bag instruction upload to service end by the transceiver module.

Scheme two：Remote application APMB package is uploaded, is carried out by following little step：

1st, the instruction for uploading application file is sent to described program files passe module using bag administrative center so as to Show the interactive interface of remote application file to user.

2nd, HTTP the or FTP addresses that user passes through input telefile：Directly can be input in the control of address, then click on Button control carries out next step operation；Can also pass through to select the file in Dropbox（The file being stored on cloud server, can To be arranged by api interface module, call in select file, return to the address of network disk file and be automatically entered into address control In）It is input into, then clicking on button control carries out next step operation.

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

Step 3：User's identification is carried out in service end, this step is divided into following little step again to be carried out：

1st, SESSION ID are passed to the subscriber identification module and are entered by the communication interface when the receipts that application is installed are asked Row user's identification.

2nd, retrieve in information record of the subscriber identification module according to SESSION ID User logs in states corresponding Information, if there is the Entered state recorded and in information record to be labeled as logging in, reads its User ID（User compiles Number）.

3rd, User ID are returned to the communication interface by the subscriber identification module.

Step 4：Receive and preserve and apply APMB package, the communication interface is by the content/ground of the application APMB package for receiving Location and pass to the application Packet analyzing mould using bag installation instruction and by the User ID that the subscriber identification module is returned Block, now, is operated according to the scheme selected in step 2：

If have selected scheme one in step 2, then the newly-built null file of the application Packet analyzing module will receive To the content of application APMB package be written in the null file.

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

Step 5：Parsing application bag, this step is divided into following little step again to be carried out：

1st, the application Packet analyzing module decompression is saved in an interim text using APMB package and by the file obtained by decompression In part folder.

2nd, the application Packet analyzing module is deleted and applies APMB package.

3rd, in the application Packet analyzing module walks temporary folder under subfile and sub-folder, detection meet following Require：

（1）With the presence or absence of configuration file（Package.xml or package.json）.

（2）With the presence or absence of homepage or master program file (default.html or default.js).

4th, the application Packet analyzing module reads and analysis configuration file, detect its information be by regulation be arranged on it is following must Want information：NameSpace, application type, publisher, application description, application version.

5th, show whether Javascript files are encrypted from configuration file by the application Packet analyzing module, if quilt Javascript files are then extracted in encryption from program file（.js the file of suffix）And read its code content, decoding code And replace original code.

If the regulation in not meeting above-mentioned 3,4 using bag, stopping is performed and removes the file of generation in installation process, so After return error message.

7th, by testing result and from configuration file, the application bag configuration information of reading is transmitted the application Packet analyzing module To the data center, next step is then carried out.

Step 6：Configuration information is improved with user mutual（Optional step）, for carrying out in installation process to application Environment is reset, if ignoring this step, default behavior is carried out, and this step is divided into following little step again to be carried out：

1st, the data center creates an application bag installation task using SESSION ID as client identification marking Record, for preserving task status, using bag configuration information, the program file information by obtained by application bag decompression.

2nd, the data center comes back for the request using bag configuration by transceiver interface to client.

3rd, the information transmission of return is given the application bag management module by the transceiver module.

4th, the application bag management module calls the application setup module to show application configuration input list to user Interactive interface.

5th, the application setup module shows that list fills in guide and and guides user to fill in and matches somebody with somebody by interactive interface to user Confidence ceases.

6th, the application bag configuration information that the application setup module fills in user is sent to clothes by the transceiver module Business end.

7th, user's identification is re-started by the method for step 3.

8th, the application bag configuration information for receiving is passed to the data center and is processed by the communication interface.

9th, the data center installs from application bag according to SESSION ID and corresponding record is retrieved in task record, leads to Overwriting information makes client and the application bag installation operation of service end be continued between different communication.

Step 7：Preserve using package informatin and program file, this step is divided into following little step again to be carried out：

1st, line retrieval enters according to the NameSpace by obtained by configuration file to data base in the data center, if having existed Application under the NameSpace, then delete original database information and program file.

2nd, the data center be currently installed on application registration one unique APP ID, in the future to apply carry out Manage and be identified during operation.

3rd, the data center by by the step 5 by application bag decompression file move to save routine file Under catalogue.

4th, the data center is saved in number by the essential information of application bag, using bag configuration information and program file information According in storehouse.

Step 8：New application message is returned to client, this step is divided into following little step again to be carried out：

1st, the data center returns to new application package informatin in client by communication interface.

2nd, the new opplication package informatin of return is passed to the application bag management module by the transceiver module.

4th, the application bag management module preserves new opplication package informatin, and updates the application management in graphical interaction interface List.

Step 9：The application bag management module is prompted the user with by graphical interaction interface to be believed using bag installation results Breath.

Terminate.

In above-mentioned establishment application bag implementing procedure, in addition to the above-mentioned application bag created by the present invention, the present invention is also propped up Hold and the application bag not being encrypted to Javascript files voluntarily created by user is installed.Create when, it is necessary in accordance with Lower rule：

1st, packing compression is carried out to program file using ZIP, RAR, 7Z form.

2nd, homepage must be included in program file（default.html）Or master program file（default.js）.

3rd, must include using the application bag configuration file of reference format in application bag（package.xml、 package.json）, it is stored under the master catalogue using bag, following item content is must be provided with file：Publisher, NameSpace, Application type, application description, application version.

4th, application bag can include the icon of middle application, constituted and be stored in by the icon file of the PNG format of multiple sizes icons/（Relative path）In catalogue, while using size as icon file title, such as：16.png, 32.png etc..

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

Step one：Unloading application bag instruction is received, can be received by following two modes：

1st, user is by directly inputting unloading application bag in the graphical interaction interface that reason module creation is assured by the application Instruction.

2nd, user operates to third-party application or system, and third-party application or system are by the api interface module Assure in reason to the application and initiate unloading application bag instruction.

Step 2：The request of unloading application is sent to service end, by the application bag management module by the transmitting-receiving mould Block sends the request of the application bag APP ID and application bag unloading to be unloaded to service end.

Step 3：User's identification is carried out in service end, this step is divided into following little step again to be carried out：

1st, SESSION ID are passed to the subscriber identification module and are entered by the communication interface when the receipts that application is installed are asked Row user's identification.

2nd, retrieve in information record of the subscriber identification module according to SESSION ID User logs in states corresponding Information, if there is the Entered state recorded and in information record to be labeled as logging in, reads its User ID（User compiles Number）.

3rd, User ID are returned to the communication interface by the subscriber identification module.

Step 4：Application configuration information and program file are deleted, this step is divided into following little step again to be carried out：

1st, the communication interface is by the APP ID for receiving and using bag unloading command and by the subscriber identification module Return User ID and pass to the data center.

2nd, the data center by using APP ID as mark retrieve from data base correlation application package informatin, then Judge whether this is consistent with the User ID of the gained from the subscriber identification module using the User ID in package informatin.If not yet Retrieve result or User ID are inconsistent, then by the communication interface to return error message.

3rd, the data center according to by data base read application package informatin in obtain current application under it is all should Program file path is used, and all application programs under current application are deleted according to file path.

4th, the data center is by the application package informatin using APP ID as mark deletion data base.

Step 5：Application unloading object information is returned to client, this step is divided into following little step again to be carried out：

1st, the data center will be returned in client using unloading object information by communication interface.

2nd, the application unloading object information for returning is passed to the application bag management module by the transceiver module.

3rd, the application bag management module unloads object information and judges to application, if unloading successfully, according to APP ID Relative recording is deleted from the application package informatin for preserving, and updates the application management list in graphical interaction interface.

Step 6：The application bag management module is prompted the user with using bag unloading result letter by graphical interaction interface Breath.

Terminate.

It is packing, peace loading, unloading, the operation method of HTML5 application of the present invention based on cloud computing with reference to shown in Fig. 6 Load and run the schematic flow sheet of application in system in the client, implemented by following steps：

Step one：Operation application instruction is received, can be received by following two modes：

1st, user is referred to by directly inputting operation application in the graphical interaction interface that reason module creation is assured by the application Order and the NameSpace of the application to be run.

2nd, user operates to third-party application or system, and third-party application or system are by the api interface module The NameSpace of initiating operation application instruction and the application to be run is assured in reason to the application.

Step 2：Obtain according to NameSpace and apply package informatin, application package informatin of the application bag management module to storage Array is traveled through and is contrasted NameSpace, if do not exist applying package informatin accordingly, then it represents that the application under the NameSpace Do not install.If package informatin is applied accordingly in presence, read its information and enter next step.

Step 3：The application bag management module sends APP ID and application operation by the transceiver module to service end Instruction.

Step 4：User's identification is carried out in service end, this step is divided into following little step again to be carried out：

1st, SESSION ID are passed to the subscriber identification module and are entered by the communication interface when the receipts that application is installed are asked Row user's identification.

2nd, retrieve in information record of the subscriber identification module according to SESSION ID User logs in states corresponding Information, if there is the Entered state recorded and in information record to be labeled as logging in, reads its User ID（User compiles Number）.

3rd, User ID are returned to the communication interface by the subscriber identification module.

Step 5：Service end application message detects that this step is divided into following little step again to be carried out：

1st, the communication interface is by the APP ID for receiving and program file loading instruction and by the user's identification mould Block returns User ID and passes to the data center.

2nd, the data center by using APP ID as mark retrieve from data base correlation application package informatin, then Judge whether this is consistent with the User ID of the gained from the subscriber identification module using the User ID in package informatin.If not yet Retrieve result or User ID are inconsistent, then by the communication interface to return error message.

3rd, the logical reading from data base of the data center applies accordingly package informatin.

Step 6：Application file loading secret order is created, this step is divided into following 2 little steps again to be carried out：

1st, the data center generate at random 16 character strings being made up of with numeral English alphabet and as Secret order.

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

Step 7：Loading secret order and homepage/program code are returned, this step is divided into following 2 little steps again to be carried out：

1st, the data center applies homepage/journey according to by the application package informatin read in data base in acquisition application The storing path of preface part, then reads the code content of homepage/program file according to path.

2nd, the code content of homepage/program file and loading secret order are returned to visitor by the data center by communication interface Family end.

3rd, the information transmission of return is given the application bag management module by the transceiver module.

Step 8：Root creates the related control for supporting application operation, and this step is divided into following 2 little steps again to be carried out：

1st, the application bag management module is to application invocation module transmission is using package informatin and initiates using operation Request.

2nd, then the application invocation module is arranged from using application interface configuration information is extracted in package informatin according to interface The control creation module is called to carry out including application widget（It is necessary）, taskbar button（Choosing will）, notification icon（Choosing will）, should With control menu（Choosing will）Deng the establishment of control.

Step 9：Create running space and system API is set, this step is divided into following little step again to be carried out：

1st, the API and running space setup module create one by DOM<iframe>Element is simultaneously belonged to by sandbox Property control its authority, then as daughter element be added to by step 8 create window control under.

The 2nd, the BaseURL of current application is set, arranges described by the API and running space<iframe>Element Src values are http:// current domain name/package/ secret orders/NameSpace/.

3rd, the API and running space setup module are in the running space（<iframe>The contentWindow of element） It is lower that some Javascript global variables, object and the methods that can be operated to other systems and application are set.

Step 10：Parsing homepage code or operation mastery routine, the application invocation module passes through main business/program code Code is written to running space by the method for document.write（<iframe>The contentWindow of element）In document It is interior to run parsing homepage code or operation mastery routine.

Step 11：By loading secret order loading extension file, this step is divided into following little step again to be carried out：

1st, after running using main business or mastery routine, HTML5 environment can be according to programming automatically to other program files Loaded, the program file URL being loaded is that BaseURL+ program files are relative with application bag, such as：http:// the current field Name/package/ secret orders/NameSpace/xxx.js.

2nd, the communication interface, by rewrite technologies, with canonical all http is recognized:// current domain name/package/ The URL of secret order/NameSpace/file name formats, then analyzes the URL and extracts secret order, NameSpace and filename.

3rd, the secret order obtained by analysis URL, NameSpace and filename are passed to the data center by the communication interface.

4th, the data center retrieves corresponding note using secret order as mark from application program loading tasks record Record, if no record or the NameSpace in record are inconsistent with the NameSpace of extraction in URL analyses, is connect by the communication Mouth returns error message.

5th, the data center is retrieved for the filename one obtained by analyzing from URL from application program loading tasks record Application file information is caused, then the actual storing path of file in the application file information goes to read this document Content.

6th, the data center is returned to the program file content of reading in client by the communication interface.

Step 12：Operation HTML5 applications.This step is voluntarily carried out by application program under HTML5 environment.

Terminate.

In above-mentioned operation application implementation flow process, for convenience user to the identification applied with call, except by APP ID In addition, the present invention can also adopt the mark that NameSpace runs as program.

In above-mentioned operation application implementation flow process, it is described loading secret order act as carry out client identification and strengthen should With the protection of source code.Although can also play a part of client identification by SESSION ID, because SESSION ID are In being stored in the COOKIE of browser or operation present invention application, therefore the application that also can be run under same domain name is accessed, This results in the application run in client can easily pretend the program file that client goes download other application.

It is packing, peace loading, unloading, the operation method of HTML5 application of the present invention based on cloud computing with reference to shown in Fig. 7 The intention that the application flow run in client is shown is closed in system, is implemented by following steps：

Step one：Closing application instruction is received, can be received by three kinds of modes：

1st, user is referred to by directly inputting closing application in the graphical interaction interface that reason module creation is assured by the application Order.

2nd, user operates to third-party application or system, and third-party application or system are by the api interface module Assure in reason to the application and initiate to close application instruction.

3rd, user carries out operation and realizes that application instruction is closed in input by the related control to supporting application operation, such as：Point Hit the X button of application widget.

Step 2：The close event of triggering application program, the application call module is touched by API to application program Close event is sent out, allows application program to perform the process before closing.

Step 3：Destroy using running space and related control, this step is divided into following little step again to be carried out：

1st, the application call module calls the API and running space setup module pair<iframe>Element Null is deleted or be set to all variables, method and object under contentWindow, is then deleted<iframe>Unit Element.

2nd, the application call module calls the control creation module to delete the HMTL elements of related control Remove, then delete the control object of correlation or be set to null.

Terminate.

Packing, peace loading, unloading, the system of operation method that the HTML5 based on cloud computing of the present invention is applied, the system bag Include service end, and the more than one client interacted with the service end；The service end includes communication interface, data Center, client code memory module, using Packet analyzing module, using bag creation module, subscriber identification module, data base, face When application file and application file；The client includes transmission module, application configuration on transceiver module, program file Module, application invocation module, program file load-on module, control creation module, api interface module and API and running space set Put module.The present invention solves that the current network platform can only preserve data and file but can not be installed freely, customizing third party should It is not enough with waiting, allow developer（Particularly with individual developer）Can be distributed in the form of installation package file after packing application To user, technical difficulty is reduced, reduce server cost；User application can be arranged on cloud server, stands when using Local runtime is loaded into, the space of local hard drive not only can be saved, moreover it is possible to play once mounting, everywhere available work Allow user in the operating system or consolidated network platform based on cloud computing by simple, easily method pair with, realization HTML5 applications are managed and operation.

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

Claims (9)

1. a kind of HTML5 based on cloud computing is applied packing, peace loading, unloading, the system of operation method, it is characterised in that：Should System includes service end, and the more than one client interacted with the service end；

The client includes：Transceiver module, for being communicated with server and instruction is distributed；Using bag administrative center, use In to receive user operational order is managed and monitored using package informatin；Transmission module on program file, for creating application Bao Shi, upload program file；Application configuration module, for create application bag or install application to application carry out conventional setting； Application invocation module, for according to using package informatin and call correlation module realize apply client operation；Program file adds Carrying module, for application homepage or main program code are operationally loaded, and create one by secret order allows the application program can Voluntarily load the url paths of the application file of extension；Control creation module, for application operation when create as window, Taskbar correlation interactive interface control；

The client also includes API and running space setup module, allows independent using energy for creating by iframe elements The running space of operation, and a series of overall situation function or object are set in running space, make to apply and operationally adjusted With the API approach of client budget；

The system acts not only as an independent system to run, moreover it is possible to which being applied to other Web as a component should With or system in, the client should also include api interface module, provide a series of for being provided as third-party application or system Api interface order the peace loading, unloading applied, operation, is closed and generation that application is wrapped operating.

2. the HTML5 based on cloud computing according to claim 1 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The service end includes：Communication interface, for be attached with client communicate, set up conversation mechanism and Instruction is distributed；Data center, for being managed using package informatin and its program file, being also used for processing from the communication The various requests of interface simultaneously return request results；Client code memory module, for store client Javascript and CSS code files, and run in browser by communications interface transmission when client is in browser execution；Using Packet analyzing Module, for decompressing using bag, analysis configuration file to detect program file, decrypts Javascript codes；Using bag Creation module, for carrying out creating the temporary file of application bag according to the program file for receiving and using bag configuration information；

The service end includes subscriber identification module, for carrying out user's identification according to session information, and returns Customs Assigned Number, The application bag management module is allowed to be able to make a distinction application according to Customs Assigned Number；Subscriber identification module also provides api interface, Allow the application system as a component and run with other system in combination；

The running environment of the service end also includes：Data base, essential information, configuration information, the operation of user's storage application bag Information；File system, for being stored to application file, being managed and read and write.

3. the HTML5 based on cloud computing according to claim 2 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The operation method includes：Create application bag, installation be applied on remote server, be discharged in remote service Application on device, application is loaded and run in the client, application in client operation is closed.

4. the HTML5 based on cloud computing according to claim 3 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The implementation process for creating application bag is comprised the following steps：（1）User submits to application bag to create instruction To using bag management module；（2）Call transmission module on the application program to show to user using bag management module and upload application The interactive interface of program file, user selects and uploads application file；（3）Communication interface will be received to program file and passed The application file for being decompressed and being traveled through upload using bag creation module using bag creation module is passed, using bag creation module The request for initiating to carry out application configuration to application configuration module by communication interface and transceiver module, and required by interactive interface User fills in application configuration information, and then application configuration module passes through transceiver module and communication interface to using bag creation module Send application configuration information；（4）Carry out the establishment of application configuration file using bag creation module, Javascript document codes plus The establishment of close and interim application bag；（5）Reason mould is assured to application by communication interface and transceiver module using bag creation module Block is returned and applies package informatin；（6）Show to user using bag management module and download the interactive interface of application bag and indicate to the user that Carry out using the download of bag；

The cipher mode of the Javascript codes includes：Without key encryption, there is key encryption and do not encrypt three kinds of modes；Its AES is not disclosed third party, the application bag after Javascript code encryptions, is only limited and is run in the system；

The configuration file includes following application package informatin：Publisher, NameSpace, application type, the acquiescence method of operation, application Icon file path, application description, interface configuration information, application version, using bag version, its file format for XML or JSON；

The application APMB package of the establishment only preserves one section of finite time in the service end, it is overdue after will automatically be deleted by system Remove；

The application bag be by HTML, CSS, JS, XML, JSON, picture file, audio file, video file, browse plug-in unit text The condensed document that part is compressed by ZIP, RAR, 7Z form；In the condensed document, it is necessary to comprising a homepage or master Program file bag configuration file.

5. the HTML5 based on cloud computing according to claim 3 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The implementation process being applied on remote server of installing is comprised the following steps：（1）User submits to should With bag instruction is created to using bag management module；（2）Using bag management module transmission module is called on the application program to user Show the interactive interface for uploading application file, user selects and upload application file；（3）Communication interface calls user Logging in management module carries out the user's identification of service end by SESSION conversation mechanisms；（4）Apply using packet analysis module decompression Bag, is then analyzed and decrypts；（5）Return to client and ask and call application configuration module to improve configuration with user mutual Information, is then submitted to data center by configuration information by transceiver module and communication interface；（6）Data center is protected using data Deposit using package informatin and using file system storage program file；（7）Data center is returned new by communication interface to client Application message；（8）Prompted the user with using bag installation information by interactive interface using bag management module；

The system is also supported to install the application bag for not being encrypted Javascript files voluntarily created by user.

6. the HTML5 based on cloud computing according to claim 3 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The implementation process of unloading application on the remote server is comprised the following steps：（1）User submits to Using bag unloading command to using bag management module；（2）Being sent to service end by transceiver module using bag management module to unload The application bag APP ID of load and application bag unloading request；（3）Communication interface calls user to log in management module by SESSION meetings Phone system carries out the user's identification of service end；（4）Data center is deleted in data base accordingly using package informatin and program text Part；（5）Data center returns application bag unloading object information by communication interface to client；（6）It is logical using bag management module Cross interactive interface to prompt the user with using bag unloading object information.

7. the HTML5 based on cloud computing according to claim 3 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The implementation process that application is run in the client is comprised the following steps：（1）User submits application operation to The NameSpace of application is instructed and run to using bag management module；（2）Obtained according to NameSpace using bag management module Using package informatin；（3）Being sent to service end by transceiver module using bag management module will run APP ID and the application of application Operation request；（4）Communication interface is called user to log in management module and user's knowledge of service end is carried out by SESSION conversation mechanisms Not；（5）Data center retrieves from data base according to APP ID and apply accordingly package informatin and detected；（6）In data The heart creates application file loading secret order and program file loading tasks record；（7）Data center reads and returns homepage/program It is simultaneously returned to client by the code content of code with loading secret order by communication interface；（8）Application invocation module calls control Part creation module carries out creating the related control for supporting application operation；（9）Application invocation module calls the API and running space Setup module carries out creating running space and arranging system API；（10）Application invocation module passes through main business/program code The method of document.write is written to code in the document in running space carries out operation parsing homepage code or operation Mastery routine；（11）To automatically think that service end initiates the request of loading extension file when applying the operation under HTML5 environment, communication connects Mouth is analyzed by URL and then is read corresponding program file content and returns to client；（12）Operation HTML5 applications；

Run in the client in the implementation process of application, for convenience user to the identification applied with call, except by APP The mark that can also adopt NameSpace to run as program beyond ID;

The protection for acting as carrying out client identification and strengthening application source code of the loading secret order.

8. the HTML5 based on cloud computing according to claim 7 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：Javascript codes and CSS style and other application that the running space is used to avoiding in applying or There is conflict and cause mistake in the Javascript codes of client-side program and CSS style；Reduce using unnecessary authority with Improve safety；Make to apply in running, can voluntarily install the program file of extension additional under HTML5 environment；Pass through< iframe>ContentWindow simulations, reset to the original global variable under contentWindow under element, with Safety is improved, then by arranging<iframe>Element src values are with http:// domain name/package/ secret orders/name is empty Between/URL of form, and using it as the BaseURL of HTML5 applications；In the environment of HTML5, application can be according to BaseURL+ With the loading that program file is carried out using the relative file path of homepage.

9. the HTML5 based on cloud computing according to claim 4 is applied packing, peace loading, unloading, operation method are System, it is characterised in that：The implementation process for closing the application run in the client is comprised the following steps：（1）User submits to closes Close operating instruction and to close the NameSpace of application to using bag management module；（2）The application call module passes through API allows application program to perform the process before closing to application triggers close event；（3）Application call module is distinguished Running space and related control are deleted by API and running space setup module and control creation module.