CN110138833A - Method for rapidly debugging, device, medium and the equipment of React Native module in APP - Google Patents
Method for rapidly debugging, device, medium and the equipment of React Native module in APP Download PDFInfo
- Publication number
- CN110138833A CN110138833A CN201910295255.8A CN201910295255A CN110138833A CN 110138833 A CN110138833 A CN 110138833A CN 201910295255 A CN201910295255 A CN 201910295255A CN 110138833 A CN110138833 A CN 110138833A
- Authority
- CN
- China
- Prior art keywords
- data
- local server
- bundle data
- module
- react native
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/3668—Software testing
- G06F11/3672—Test management
- G06F11/3688—Test management for test execution, e.g. scheduling of test suites
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/10—Protocols in which an application is distributed across nodes in the network
- H04L67/1095—Replication or mirroring of data, e.g. scheduling or transport for data synchronisation between network nodes
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/14—Session management
- H04L67/141—Setup of application sessions
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/14—Session management
- H04L67/146—Markers for unambiguous identification of a particular session, e.g. session cookie or URL-encoding
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/34—Network arrangements or protocols for supporting network services or applications involving the movement of software or configuration parameters
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04W—WIRELESS COMMUNICATION NETWORKS
- H04W8/00—Network data management
- H04W8/22—Processing or transfer of terminal data, e.g. status or physical capabilities
- H04W8/24—Transfer of terminal data
- H04W8/245—Transfer of terminal data from a network towards a terminal
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Debugging And Monitoring (AREA)
Abstract
The present invention provides method for rapidly debugging, device, computer storage medium and the computer equipments of React Native module in a kind of APP；This method is applied to mobile terminal, comprising: establishes and is connected to the network with local server；Bundle data acquisition request is sent to the local server；The bundle data that the local server is sent based on the network connection are received, the bundle data are that the local server is generated according to the programming data of React Native module to be debugged；The bundle data are loaded, show the display interface for debugging the React Native module to be debugged.The present invention can be realized by keeping being connected to the network with local server and download bundle data from server in real time, improve loading efficiency of the bundle data in APP, further speeded up the debugging efficiency to React Native module.
Description
Technical field
The present invention relates to debugging field is applied, specifically, the present invention relates to React Native modules in a kind of APP
Method for rapidly debugging, device, medium and computer equipment.
Background technique
React Native exploitation would generally be used in mixed way in primary app exploitation, React Native refers to a kind of across flat
Platform mobile application Development Framework, the module developed by React Native, that is, React Native module, are being adjusted
It needs first to break into bundle file before examination, APP could be loaded and be shown to it later.
At present when debugging React Native module, need that React Native module is first broken into bundle file, and
Bundle file is previously laid into the installation kit of APP, specifically, can be placed in SD card, or be placed on assets catalogue,
And if encountering problem in debugging process, it just first needs the code to React Native module to modify, then should
The new code of module breaks into bundle file again and repeats above-mentioned steps, leads to the tune of current React Native module
Try inefficiency.
Summary of the invention
The present invention in view of the shortcomings of the prior art, provides a kind of fast debugging side of React Native module in APP
Method, device, medium and computer equipment, technical solution of the present invention can be realized by keeping being connected to the network with local server
Bundle data are downloaded from server in real time, improve loading efficiency of the bundle data in APP, have been further speeded up pair
The debugging efficiency of React Native module.
The embodiment of the present invention provides a kind of fast debugging side of React Native module in APP according to first aspect
Method is applied to mobile terminal, comprising:
It establishes and is connected to the network with local server；
Bundle data acquisition request is sent to the local server；
The bundle data that the local server is sent based on the network connection are received, the bundle data are institutes
State what local server was generated according to the programming data of React Native module to be debugged；
The bundle data are loaded, show display circle for debugging the React Native module to be debugged
Face.
Further, the load bundle data, show for debugging the React Native to be debugged
The display interface of module includes: later
The update bundle data that the local server is sent are received, the update bundle data are the local clothes
Business device obtains commissioning staff and modifies the update programming data that the programming data generates, and is generated more according to the update programming data
New bundle data；
The update bundle data are loaded, show the display for debugging the React Native module to be debugged
Interface.
Further, described establish with local server is connected to the network, comprising:
Scan the communication identifier generated by the local server；
The communication identifier is parsed, parsing result is obtained；
The communication information of the local server is obtained from the parsing result, the communication information includes the local
The address ip of server and port numbers；
It is established and is connected to the network according to the communication information and the local server；
It is described to send bundle data acquisition request to the local server, comprising:
JSMainModuleName corresponding with React Native module to be debugged is obtained from the parsing result
Information；
The bundle data acquisition request comprising the JSMainModuleName information is sent to the local server.
Further, the communication identifier be the local server according to get the address ip of itself, port numbers,
And the two dimensional code mark that JSMainModuleName information corresponding with React Native module to be debugged generates.
Further, the update bundle data for receiving the local server and sending, comprising:
Receive the bundle data update notification that the local server is sent；
In response to the bundle data update notification, Xiang Suoshu local server sends bundle data and updates request,
It includes described corresponding with React Native module to be debugged that the bundle data, which update request,
JSMainModuleName information；
The update bundle data that the local server is sent are received, the update bundle data are the local clothes
The data corresponding with the JSMainModuleName information that business device is got from default storage region.
The embodiment of the present invention provides a kind of fast debugging side of React Native module in APP according to second aspect
Method is applied to local server, comprising:
It establishes and is connected to the network with mobile terminal；
Receive the bundle data acquisition request that the mobile terminal is sent；
Bundle data are generated according to the programming data of React Native module to be debugged；
The bundle data are sent based on described be connected to the network to the mobile terminal, so that the mobile terminal loads
The bundle data show the display interface for debugging the React Native module to be debugged.
The embodiment of the present invention is filled according to the fast debugging that the third aspect provides React Native module in a kind of APP
It sets, comprising:
Module is established in network connection, is connected to the network for establishing with local server；
Acquisition request sending module, for sending bundle data acquisition request to the local server；
Data reception module, the bundle data sent for receiving the local server based on the network connection,
The bundle data are that the local server is generated according to the programming data of React Native module to be debugged；
Data loading module is shown for loading the bundle data for debugging the React to be debugged
The display interface of Native module.
The embodiment of the present invention is filled according to the fast debugging that fourth aspect provides React Native module in a kind of APP
It sets, comprising:
Connection establishment module is connected to the network for establishing with mobile terminal；
Acquisition request receiving module, the bundle data acquisition request sent for receiving the mobile terminal；
Data generation module, for generating bundle number according to the programming data of React Native module to be debugged
According to；
Data transmission blocks make for sending the bundle data based on described be connected to the network to the mobile terminal
It obtains the mobile terminal and loads the bundle data, show for debugging the aobvious of the React Native module to be debugged
Show interface.
The embodiment of the present invention provides a kind of computer readable storage medium according to the 5th aspect, is stored thereon with computer
Program, the program realize the method for rapidly debugging of React Native module in above-mentioned APP when being executed by processor.
The embodiment of the present invention provides a kind of computer equipment according to the 6th aspect, and the computer equipment includes:
One or more processors；
Storage device, for storing one or more programs；
When one or more of programs are executed by one or more of processors, so that one or more of processing
Device realizes the method for rapidly debugging of React Native module in above-mentioned APP.
In embodiments of the present invention, it is connected to the network by establishing mobile terminal and local server；To the local clothes
Business device sends bundle data acquisition request；Receive the bundle number that the local server is sent based on the network connection
According to the bundle data are that the local server is generated according to the programming data of React Native module to be debugged
's；The bundle data are loaded, show the display interface for debugging the React Native module to be debugged, it can
It realizes and downloads bundle data from server in real time, improve loading efficiency of the bundle data in APP, further speed up
To the debugging efficiency of React Native module.
The additional aspect of the present invention and advantage will be set forth in part in the description, these will become from the following description
Obviously, or practice through the invention is recognized.
Detailed description of the invention
Above-mentioned and/or additional aspect and advantage of the invention will become from the following description of the accompanying drawings of embodiments
Obviously and it is readily appreciated that, in which:
Fig. 1 is the fast velocity modulation of React Native module in the APP applied to mobile terminal of one embodiment of the invention
Method for testing flow diagram；
Fig. 2 is the quick of React Native module in the APP applied to local server of one embodiment of the invention
Adjustment method flow diagram；
Fig. 3 is the structural representation of the quick debugging device of React Native module in the APP of one embodiment of the invention
Figure；
Fig. 4 is the structural schematic diagram of the quick debugging device of React Native module in the APP of another aspect of the present invention；
Fig. 5 is the structural schematic diagram of the computer equipment of an embodiment of the present invention.
Specific embodiment
The embodiment of the present invention is described below in detail, examples of the embodiments are shown in the accompanying drawings, wherein from beginning to end
Same or similar label indicates same or similar element or element with the same or similar functions.Below with reference to attached
The embodiment of figure description is exemplary, and for explaining only the invention, and is not construed as limiting the claims.
Those skilled in the art of the present technique are appreciated that unless expressly stated, singular " one " used herein, " one
It is a ", " described " and "the" may also comprise plural form, " first " used herein, " second " are only used for distinguishing same technology special
Sign, is not limited the sequence of the technical characteristic and quantity etc..It is to be further understood that in specification of the invention
The wording " comprising " used refers to that there are the feature, integer, step, operation, element and/or component, but it is not excluded that depositing
Or add other one or more features, integer, step, operation, element, component and/or their group.
Those skilled in the art of the present technique are appreciated that unless otherwise defined, all terms used herein (including technology art
Language and scientific term), there is meaning identical with the general understanding of those of ordinary skill in fields of the present invention.Should also
Understand, those terms such as defined in the general dictionary, it should be understood that have in the context of the prior art
The consistent meaning of meaning, and unless idealization or meaning too formal otherwise will not be used by specific definitions as here
To explain.
The embodiment of the invention provides a kind of method for rapidly debugging of React Native module in APP, stand moving below
The angle of dynamic terminal, describes to a specific embodiment of the invention in detail in conjunction with attached drawing.As shown in Figure 1, the present invention is implemented
Example provide APP in React Native module method for rapidly debugging the following steps are included:
S110: it establishes and is connected to the network with local server；
S120: Xiang Suoshu local server sends bundle data acquisition request；
S130: the bundle data that the local server is sent based on the network connection, the bundle number are received
It is generated according to being the local server according to the programming data of React Native module to be debugged；
S140: loading the bundle data, shows for debugging the aobvious of the React Native module to be debugged
Show interface.
In the present embodiment, the mobile terminal has the ability with local server downloading data, can specifically pass through
It is added in advance for the function code from local server downloading bundle data, is realized with this and local server in APP
Establish network connection and from local server downloading data ability.
Before debugging, mobile terminal needs first to establish network connection with local server.It should be noted that mobile whole
End and local server need to connect the same local area network, for example are both connected in the same WiFi local area network, Cai Keshi
Existing mobile terminal and local server, which are established, to be connected to the network, and the network connection by establishing is communicated.
Based on the network connection, mobile terminal sends bundle data acquisition request to the local server, when this
After ground server receives the bundle data acquisition request of mobile terminal transmission, React Native to be debugged can be obtained
The programming data of module, the programming data that will acquire generate bundle data, are subsequently transmitted to mobile terminal.Wherein,
The programming data refers to the code data of the React Native module, and the local server refer to be stored with it is described
The computer of the code data of React Native module, for example can be laptop, PC, it is also possible to smart phone
Deng.
After mobile terminal receives the bundle data of local server transmission, the bundle number received is loaded automatically
According to, and show the display interface for debugging the React Native module to be debugged, so that commissioning staff can pass through
The display interface is debugged.
In the present embodiment, mobile terminal can be realized by network connection and download to bundle number from local server in real time
According to, therefore the preset bundle data in APP installation kit in advance are not needed, significantly improve bundle data adding in APP
Efficiency is carried, the debugging efficiency to React Native module has been further speeded up.
In one embodiment, the S140: loading the bundle data, shows described to be debugged for debugging
The display interface of React Native module includes: later
S150: the update bundle data that the local server is sent are received, the update bundle data are described
Local server obtains commissioning staff and modifies the update programming data that the programming data generates, according to the update programming data
It generates and updates bundle data；
Specifically, the update bundle data that the local server is sent the S150: are received, comprising:
S151: the bundle data update notification that the local server is sent is received；
S152: in response to the bundle data update notification, Xiang Suoshu local server sends bundle data and updates
Request, it includes described corresponding with React Native module to be debugged that the bundle data, which update request,
JSMainModuleName information；
S153: the update bundle data that the local server is sent are received, the update bundle data are described
The data corresponding with the JSMainModuleName information that local server is got from default storage region.
S160: the load update bundle data are shown for debugging the React Native module to be debugged
Display interface.
In the present embodiment, when commissioning staff finds the problem in debugging process, for example UI problem or code logic are asked
Topic, can modify to the code of React Native module directly in the local server, after completing modification,
The local server bundle data new automatically according to the code building by the modified React Native module of commissioning staff,
The i.e. described update bundle data, and it is sent to the mobile terminal.
After mobile terminal receives the update bundle data of local server transmission, calling system method is forced
Refresh bundle data, bundle data is updated with load, and show the updated React Native mould to be debugged
The display interface of block.
Mobile terminal shows updated display interface, so that commissioning staff can continue to debug, if debugging
It still goes wrong in the process, then will continue to repeat the above steps, that is, commissioning staff modifies React in local server
The code of Native module i.e. the programming data, local server automatically generate update bundle Data Concurrent and give shifting
Dynamic terminal, and mobile terminal can load to receive and update bundle data, show updated display interface, by commissioning staff after
It is continuous to be debugged, until commissioning staff completes debugging task.
In the present embodiment, commissioning staff is when writing the code of the React Native module in APP, it is impossible to once
Son just obtains written in code very perfect, therefore needs constantly to find out bug in debugging process, that is, debug in there is a problem, because
In this debugging process can the code constantly to React Native module modify, if walked according to previous debugging operations
Suddenly, wouling have to expend many times breaks into bundle for modified code and is preset to the medium operation of installation kit of APP,
And in the present embodiment, commissioning staff only needs to be responsible for find out problem in debugging process, and modifies relevant code, local to take
Being engaged in device can be automatically by modified code building bundle data, and is sent to mobile terminal, mobile terminal by network connection
It can load at any time and update bundle data, give commissioning staff's displaying newest effect, i.e., the described updated display interface, thus
Further improve the debugging efficiency to ReactNative module.
In one embodiment, it the S110: establishes and is connected to the network with local server, comprising:
S111: the communication identifier that scanning is generated by the local server；
S112: parsing the communication identifier, obtains parsing result；
S113: obtaining the communication information of the local server from the parsing result, and the communication information includes institute
State the address ip and the port numbers of local server；
S114: it is established and is connected to the network according to the communication information and the local server；
In the present embodiment, local server can obtain itself the address ip, port numbers and with React to be debugged
Then above- mentioned information are assembled into a URL (Uniform by the corresponding JSMainModuleName information of Native module
Resource Locator, uniform resource locator), the information for including by this URL can be downloaded in local server
Bundle data.For example the URL is inputted in the application programs such as browser in the terminal local clothes can be accessed
Business device.And in order to improve debugging efficiency, the URL can be converted and be generated a communication identifier by local server, such as two dimension
Code mark, commissioning staff use the two-dimensional code authentication function of APP in mobile terminal, for example sweep and sweep functionality scan local server
The two dimensional code of displaying identifies, and is then parsed to two dimensional code to obtain parsing result, this mode is compared with above-mentioned mobile whole
The mode that URL is inputted in end is faster convenient.
The parsing result include the address ip of local server, port numbers and with React to be debugged
The corresponding JSMainModuleName information of Native module.By the address ip and port numbers, mobile terminal can be with
Local server establishes network connection.And after the network connections are established, mobile terminal automatically saves the local server
The address ip and port numbers, establish network connection in subsequent debugging process again with local server to facilitate, without
Multiple scanning communication identifier.
Further, S120: the Xiang Suoshu local server sends bundle data acquisition request, comprising:
S121: it is obtained from the parsing result corresponding with React Native module to be debugged
JSMainModuleName information；
S122: Xiang Suoshu local server sends the bundle data acquisition comprising the JSMainModuleName information
Request.
And the JSMainModuleName information is utilized, mobile terminal can be got accordingly from local server
Bundle data.
In one embodiment, when debugging React Native module in the past, commissioning staff needs to click layer by layer in APP
Get to the corresponding display interface of React Native module, it is very cumbersome in operation, and in React Native module also
Including multiple little modules, in debugging, commissioning staff needs to debug each little module, therefore can be in above-mentioned communication mark
The ComponentName information for specifying little module in React Native module is added in knowledge, that is to say, that local service
Ip address, port numbers and with to be debugged React Native module corresponding of the device in addition to obtaining itself
Except JSMainModuleName information, ComponentName information is also obtained, and use the behaviour with above-mentioned generation communication identifier
Make identical mode of operation to generate communication identifier, thus after mobile terminal parses communication identifier, according to described in
ComponentName information jumps directly to the corresponding display interface of little module, so that not needing the multiple click of commissioning staff
The display interface that its little module for wanting debugging can directly be reached, improves the convenience of debugging operations.
The present invention also provides a kind of method for rapidly debugging of React Native module in APP, are applied to local service
Device, as shown in Figure 2, comprising:
S210: it establishes and is connected to the network with mobile terminal；
S220: the bundle data acquisition request that the mobile terminal is sent is received；
S230: bundle data are generated according to the programming data of React Native module to be debugged；
S240: sending the bundle data based on described be connected to the network to the mobile terminal, so that described mobile whole
End loads the bundle data, shows the display interface for debugging the React Native module to be debugged.
In one embodiment, obtain itself the address ip, port numbers and with React Native module to be debugged
Corresponding JSMainModuleName information；
Communication identifier is generated according to the address ip, port numbers and JSMainModuleName information, is shown described logical
Beacon is known.
Specifically, the communication identifier includes two dimensional code mark.
In one embodiment, the bundle S240: is sent based on described be connected to the network to the mobile terminal
Data include: later
It obtains commissioning staff and modifies the update programming data that the programming data generates, it is raw according to the update programming data
At update bundle data；
The update bundle data are sent to the mobile terminal.
The bundle data acquisition request includes the JSMainModuleName information, described
JSMainModuleName information is communication identifier described in the mobile scanning terminal, from the parsing result of the communication identifier
It obtains.
It is in one embodiment, described to send the update bundle data to the mobile terminal, comprising:
When detecting that commissioning staff has modified the programming data, Xiang Suoshu mobile terminal sends bundle data and updates
Notice；
It receives the bundle data that the mobile terminal is sent and updates request, the bundle data update request and include
JSMainModuleName information；
The update bundle data corresponding with the JSMainModuleName information are obtained from default storage region；
The update bundle data are sent to the mobile terminal.
Technical solution for a better understanding of the present invention, the present invention also provides React Native modules in a kind of APP
Quick debugging device, as shown in Figure 3, comprising:
Module 110 is established in network connection, is connected to the network for establishing with local server；
Acquisition request sending module 120, for sending bundle data acquisition request to the local server；
Data reception module 130, the bundle number sent for receiving the local server based on the network connection
According to the bundle data are that the local server is generated according to the programming data of React Native module to be debugged
's；
Data loading module 140 is shown for loading the bundle data for debugging the React to be debugged
The display interface of Native module.
In one embodiment, the quick debugging device of React Native module is executing in APP provided by the invention
After the corresponding function of the data loading module 140, also execute with the corresponding function of lower module:
Update data reception module 150, the update bundle data sent for receiving the local server, it is described more
New bundle data are the update programming data that the local server obtains that commissioning staff modifies the programming data generation, root
It is generated according to the update programming data and updates bundle data；
More new data loading module 160 is shown described to be debugged for debugging for loading the update bundle data
React Native module display interface.
In one embodiment, module 110 is established in the network connection, comprising:
Communication identifier scans submodule 111, for scanning the communication identifier generated by the local server；
Communication identifier analyzing sub-module 112 obtains parsing result for parsing to the communication identifier；
The communication information obtains submodule 113, and the communication for obtaining the local server from the parsing result is believed
Breath, the communication information include the address ip and the port numbers of the local server；
It is connected to the network setting up submodule 114, is connected for establishing network according to the communication information and the local server
It connects；
The acquisition request sending module 120, comprising:
Module name obtains submodule 121, for obtaining from the parsing result and React Native mould to be debugged
The corresponding JSMainModuleName information of block；
Acquisition request sending submodule 122, for sending to the local server comprising described
The bundle data acquisition request of JSMainModuleName information.
In one embodiment, the communication identifier be the local server according to the address ip of itself got,
The two dimensional code mark that port numbers and JSMainModuleName information corresponding with React Native module to be debugged generate
Know.
In one embodiment, the data reception module 130, comprising:
Update notification receiving submodule 131, the bundle data update notification sent for receiving the local server；
Request-to-send submodule 132 is updated, in response to the bundle data update notification, Xiang Suoshu local service
Device transmission bundle data, which update, requests, and the bundle data update request and include described and to be debugged React Native
The corresponding JSMainModuleName information of module；
Data receiver submodule 133, the update bundle data sent for receiving the local server, the update
Bundle data are that the local server getting with the JSMainModuleName information from default storage region
Corresponding data.
It should be noted that in APP provided in an embodiment of the present invention React Native module quick debugging device energy
Enough realize the function that the method for rapidly debugging embodiment of React Native module in the above-mentioned APP applied to mobile terminal is realized
Can, the specific implementation of function is referring to the description in above-mentioned APP in the method for rapidly debugging of React Native module, herein no longer
It repeats.
Technical solution for a better understanding of the present invention, the present invention also provides React Native modules in a kind of APP
Quick debugging device, as shown in Figure 4, comprising:
Connection establishment module 210 is connected to the network for establishing with mobile terminal；
Acquisition request receiving module 220, the bundle data acquisition request sent for receiving the mobile terminal；
Data generation module 230, for generating bundle according to the programming data of React Native module to be debugged
Data；
Data transmission blocks 240, for sending the bundle data based on described be connected to the network to the mobile terminal,
So that the mobile terminal loads the bundle data, show for debugging the React Native module to be debugged
Display interface.
It in one embodiment, further include data obtaining module, for obtaining itself the address ip, port numbers, Yi Jiyu
The corresponding JSMainModuleName information of React Native module to be debugged；
Communication identifier generation module, for raw according to the address ip, port numbers and JSMainModuleName information
At communication identifier, the communication identifier is shown.
Specifically, the communication identifier includes two dimensional code mark.
In one embodiment, the quick debugging device of React Native module is being held in APP provided in this embodiment
After the row corresponding function of the data transmission blocks 240, also execute with the corresponding function of lower module:
Data generation module is updated, modifies the update programming data that the programming data generates for obtaining commissioning staff,
It is generated according to the update programming data and updates bundle data；
Data transmission blocks are updated, for sending the update bundle data to the mobile terminal.
Specifically, the bundle data acquisition request includes the JSMainModuleName information, described
JSMainModuleName information is communication identifier described in the mobile scanning terminal, from the parsing result of the communication identifier
It obtains.
In one embodiment, the update data transmission blocks further include:
Update notification sending submodule, for when detecting that commissioning staff has modified the programming data, to the shifting
Dynamic terminal sends bundle data update notification；
Request receiving submodule is updated, updates request for receiving the bundle data that the mobile terminal is sent, it is described
It includes JSMainModuleName information that bundle data, which update request,；
Data acquisition submodule is updated, for obtaining and the JSMainModuleName information from default storage region
Corresponding update bundle data；
More new data sending submodule, for the update bundle data to be sent to the mobile terminal.
It should be noted that in APP provided in an embodiment of the present invention React Native module quick debugging device energy
Enough realize what the method for rapidly debugging embodiment of React Native module in the above-mentioned APP applied to local server was realized
Function, the specific implementation of function is referring to the description in above-mentioned APP in the method for rapidly debugging of React Native module, herein not
It repeats again.
The embodiment of the present invention also provides a kind of computer readable storage medium, is stored thereon with computer program, the program
The method for rapidly debugging of ReactNative module in the APP of any one above-mentioned embodiment is realized when being executed by processor.
Wherein, the storage medium includes but is not limited to any kind of disk (including floppy disk, hard disk, CD, CD-ROM and magneto-optic
Disk), ROM (Read-Only Memory, read-only memory), RAM (Random AcceSS Memory, immediately memory),
EPROM (EraSable Programmable Read-Only Memory, Erarable Programmable Read only Memory), EEPROM
(Electrically EraSable Programmable Read-Only Memory, Electrically Erasable Programmable Read-Only Memory),
Flash memory, magnetic card or light card.It is, storage medium includes the form by equipment (for example, computer) can read
Any medium of storage or transmission information.It can be read-only memory, disk or CD etc..
The embodiment of the present invention also provides a kind of computer equipment, and the computer equipment includes:
One or more processors 710；
Storage device 720, for storing one or more programs 700,
When one or more of programs 700 are executed by one or more of processors 710, so that one or more
A processor 710 realizes the method for rapidly debugging of React Native module in the APP of any one above-mentioned embodiment.
It is illustrated in figure 5 the structural schematic diagram of computer equipment of the present invention, including processor 710, storage device 720, defeated
Enter the devices such as unit 730 and display unit 740.It will be understood by those skilled in the art that structure devices shown in Fig. 5 not structure
The restriction of pairs of all computer equipments may include than illustrating more or fewer components, or the certain components of combination.Storage
Device 720 can be used for storing application program 700 and each functional module, and the operation of processor 710 is stored in answering for storage device 720
With program 700, thereby executing the various function application and data processing of equipment.Storage device 720 can be built-in storage or
External memory, or including both built-in storage and external memory.Built-in storage may include read-only memory, programming ROM
(PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), flash memory or random storage
Device.External memory may include hard disk, floppy disk, ZIP disk, USB flash disk, tape etc..Storage device disclosed in this invention includes but not
It is limited to the storage device of these types.Storage device 720 disclosed in this invention is only used as example rather than as restriction.
Input unit 730 is used to receive the input of signal, and the correlations such as selection voice document for receiving user's input are asked
It asks.Input unit 730 may include touch panel and other input equipments.Touch panel collects user on it or nearby
Touch operation (for example user uses any suitable objects or attachment such as finger, stylus on touch panel or in touch panel
Neighbouring operation), and corresponding attachment device is driven according to a pre-set procedure；Other input equipments may include but unlimited
In one of physical keyboard, function key (for example playing control button, switch key etc.), trace ball, mouse, operating stick etc. or
It is a variety of.Display unit 740 can be used for showing user input information or be supplied to user information and computer equipment it is each
Kind menu.The forms such as liquid crystal display, Organic Light Emitting Diode can be used in display unit 740.Processor 710 is computer equipment
Control centre be stored in storage by running or executing using the various pieces of various interfaces and the entire computer of connection
Software program and/or module in device 720, and the data being stored in storage device are called, it performs various functions and locates
Manage data.
In one embodiment, computer equipment includes one or more processors 710, and one or more storage dresses
720 are set, one or more application program 700, wherein one or more of application programs 700 are stored in storage device 720
In and be configured as being executed by one or more of processors 710, one or more of application programs 700 are configured to hold
The method for rapidly debugging of React Native module in APP described in row above embodiments.
It should be understood that although each step in the flow chart of attached drawing is successively shown according to the instruction of arrow,
These steps are not that the inevitable sequence according to arrow instruction successively executes.Unless expressly stating otherwise herein, these steps
Execution there is no stringent sequences to limit, can execute in the other order.Moreover, at least one in the flow chart of attached drawing
Part steps may include that perhaps these sub-steps of multiple stages or stage are not necessarily in synchronization to multiple sub-steps
Completion is executed, but can be executed at different times, execution sequence, which is also not necessarily, successively to be carried out, but can be with other
At least part of the sub-step or stage of step or other steps executes in turn or alternately.
It should be understood that each functional unit in various embodiments of the present invention can be integrated in a processing module,
It can be physically existed alone, can also be integrated in two or more units in a module with each unit.It is above-mentioned integrated
Module both can take the form of hardware realization, can also be realized in the form of software function module.
The above is only some embodiments of the invention, it is noted that for the ordinary skill people of the art
For member, various improvements and modifications may be made without departing from the principle of the present invention, these improvements and modifications are also answered
It is considered as protection scope of the present invention.
Claims (10)
1. the method for rapidly debugging of React Native module in a kind of APP, which is characterized in that be applied to mobile terminal, comprising:
It establishes and is connected to the network with local server；
Bundle data acquisition request is sent to the local server；
The bundle data that the local server is sent based on the network connection are received, the bundle data are described
Ground server is generated according to the programming data of React Native module to be debugged；
The bundle data are loaded, show the display interface for debugging the React Native module to be debugged.
2. the method for rapidly debugging of React Native module in APP as described in claim 1, which is characterized in that
The load bundle data, show display circle for debugging the React Native module to be debugged
Face includes: later
The update bundle data that the local server is sent are received, the update bundle data are the local servers
It obtains commissioning staff and modifies the update programming data that the programming data generates, generated and updated according to the update programming data
Bundle data；
The update bundle data are loaded, show display circle for debugging the React Native module to be debugged
Face.
3. the method for rapidly debugging of React Native module in APP as claimed in claim 2, which is characterized in that
Described establish with local server is connected to the network, comprising:
Scan the communication identifier generated by the local server；
The communication identifier is parsed, parsing result is obtained；
The communication information of the local server is obtained from the parsing result, the communication information includes the local service
The address ip of device and port numbers；
It is established and is connected to the network according to the communication information and the local server；
It is described to send bundle data acquisition request to the local server, comprising:
JSMainModuleName information corresponding with React Native module to be debugged is obtained from the parsing result；
The bundle data acquisition request comprising the JSMainModuleName information is sent to the local server.
4. the method for rapidly debugging of React Native module in APP as claimed in claim 3, which is characterized in that further include,
The communication identifier be the local server according to get the address ip of itself, port numbers and with it is to be debugged
The two dimensional code mark that generates of the corresponding JSMainModuleName information of React Native module.
5. the method for rapidly debugging of React Native module in APP as claimed in claim 4, which is characterized in that
The update bundle data for receiving the local server and sending, comprising:
Receive the bundle data update notification that the local server is sent；
In response to the bundle data update notification, Xiang Suoshu local server sends bundle data and updates request, described
It includes the JSMainModuleName letter corresponding with React Native module to be debugged that bundle data, which update request,
Breath；
The update bundle data that the local server is sent are received, the update bundle data are the local servers
The data corresponding with the JSMainModuleName information got from default storage region.
6. the method for rapidly debugging of React Native module in a kind of APP, which is characterized in that be applied to local server, packet
It includes:
It establishes and is connected to the network with mobile terminal；
Receive the bundle data acquisition request that the mobile terminal is sent；
Bundle data are generated according to the programming data of React Native module to be debugged；
The bundle data are sent based on described be connected to the network to the mobile terminal, so that described in mobile terminal load
Bundle data show the display interface for debugging the React Native module to be debugged.
7. the quick debugging device of React Native module in a kind of APP characterized by comprising
Module is established in network connection, is connected to the network for establishing with local server；
Acquisition request sending module, for sending bundle data acquisition request to the local server；
Data reception module, the bundle data sent for receiving the local server based on the network connection are described
Bundle data are that the local server is generated according to the programming data of React Native module to be debugged；
Data loading module is shown for loading the bundle data for debugging the React Native to be debugged
The display interface of module.
8. the quick debugging device of React Native module in a kind of APP characterized by comprising
Connection establishment module is connected to the network for establishing with mobile terminal；
Acquisition request receiving module, the bundle data acquisition request sent for receiving the mobile terminal；
Data generation module, for generating bundle data according to the programming data of React Native module to be debugged；
Data transmission blocks, for sending the bundle data based on described be connected to the network to the mobile terminal, so that institute
It states mobile terminal and loads the bundle data, show display circle for debugging the React Native module to be debugged
Face.
9. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the program is held by processor
The method for rapidly debugging of React Native module in APP as claimed in any one of claims 1 to 6 is realized when row.
10. a kind of computer equipment, which is characterized in that the computer equipment includes:
One or more processors；
Storage device, for storing one or more programs；
When one or more of programs are executed by one or more of processors, so that one or more of processors are real
The method for rapidly debugging of React Native module in existing APP as claimed in any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910295255.8A CN110138833B (en) | 2019-04-12 | 2019-04-12 | Rapid adjustment method, device, medium and equipment for real Native module in APP |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910295255.8A CN110138833B (en) | 2019-04-12 | 2019-04-12 | Rapid adjustment method, device, medium and equipment for real Native module in APP |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110138833A true CN110138833A (en) | 2019-08-16 |
| CN110138833B CN110138833B (en) | 2023-05-30 |
Family
ID=67569746
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910295255.8A Active CN110138833B (en) | 2019-04-12 | 2019-04-12 | Rapid adjustment method, device, medium and equipment for real Native module in APP |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110138833B (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111049912A (en) * | 2019-12-17 | 2020-04-21 | 用友网络科技股份有限公司 | Debugging method, test development device, and computer-readable storage medium |
| CN111090578A (en) * | 2019-10-12 | 2020-05-01 | 中国平安人寿保险股份有限公司 | Project development joint debugging method and device, computer equipment and storage medium |
| CN113656789A (en) * | 2021-10-18 | 2021-11-16 | 北京新氧科技有限公司 | Debugging tool starting control method and device, electronic equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103607431A (en) * | 2013-10-31 | 2014-02-26 | 小米科技有限责任公司 | Mobile terminal resource processing method, apparatus and equipment thereof |
| CN107168730A (en) * | 2017-04-14 | 2017-09-15 | 北京五八信息技术有限公司 | application program loading method, server and terminal |
| CN107729041A (en) * | 2017-07-26 | 2018-02-23 | 上海壹账通金融科技有限公司 | The hot update method of application program, device, terminal and storage medium |
| CN109117361A (en) * | 2018-06-21 | 2019-01-01 | 腾讯科技（深圳）有限公司 | A kind of remote debugging method of small routine, relevant device and system |
-
2019
- 2019-04-12 CN CN201910295255.8A patent/CN110138833B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103607431A (en) * | 2013-10-31 | 2014-02-26 | 小米科技有限责任公司 | Mobile terminal resource processing method, apparatus and equipment thereof |
| CN107168730A (en) * | 2017-04-14 | 2017-09-15 | 北京五八信息技术有限公司 | application program loading method, server and terminal |
| CN107729041A (en) * | 2017-07-26 | 2018-02-23 | 上海壹账通金融科技有限公司 | The hot update method of application program, device, terminal and storage medium |
| CN109117361A (en) * | 2018-06-21 | 2019-01-01 | 腾讯科技（深圳）有限公司 | A kind of remote debugging method of small routine, relevant device and system |
Non-Patent Citations (1)
| Title |
|---|
| KARLSU: "ReactNative 加载bundle包－android", 《URL:HTTPS://WWW.JIANSHU.COM/P/F0D79BD22E38/》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111090578A (en) * | 2019-10-12 | 2020-05-01 | 中国平安人寿保险股份有限公司 | Project development joint debugging method and device, computer equipment and storage medium |
| CN111090578B (en) * | 2019-10-12 | 2024-05-10 | 中国平安人寿保险股份有限公司 | Joint debugging method and device for engineering development, computer equipment and storage medium |
| CN111049912A (en) * | 2019-12-17 | 2020-04-21 | 用友网络科技股份有限公司 | Debugging method, test development device, and computer-readable storage medium |
| CN113656789A (en) * | 2021-10-18 | 2021-11-16 | 北京新氧科技有限公司 | Debugging tool starting control method and device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110138833B (en) | 2023-05-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107979508B (en) | Micro-service test method and device | |
| CN110347587B (en) | APP compatibility testing method and device, computer equipment and storage medium | |
| CN110138833A (en) | Method for rapidly debugging, device, medium and the equipment of React Native module in APP | |
| US20100031248A1 (en) | Installation Sequence Manager | |
| CN110928770B (en) | Software testing method, device, system, storage medium and electronic equipment | |
| CN103596021A (en) | Account login method, device and system of intelligent television | |
| CN113553257B (en) | Test method, device, storage medium and electronic equipment | |
| CN111444103B (en) | Web page automatic testing method and related equipment | |
| CN104333807A (en) | Application processing method and device and smart television | |
| CN104657201A (en) | Method, device, equipment and system for pushing application program | |
| CN107967207B (en) | Method and device for testing user interface interaction function | |
| US11954013B2 (en) | Method of testing applet performance, electronic device, and computer-readable medium | |
| CN105138383A (en) | Application display method and device | |
| CN112632420A (en) | Interface skipping method and device, storage medium and electronic device | |
| CN112988588B (en) | Client software debugging method and device, storage medium and electronic equipment | |
| CN108958873A (en) | Configuration method, device, medium and the computer equipment of status bar immersion effect | |
| CN109597660B (en) | Application configuration or service updating method and device, storage medium and terminal equipment | |
| CN112073488A (en) | Method and device for processing request | |
| CN111857929A (en) | Application program interface display method and device and computer equipment | |
| CN106375862A (en) | GIF picture acquisition method and apparatus, and terminal | |
| CN111382039A (en) | Method, device, electronic equipment and storage medium for reporting user behavior event | |
| CN108737337B (en) | Equipment processing method, device, server and system | |
| CN109766489A (en) | Data processing method, client, server and computer readable storage medium | |
| CN111382038B (en) | Method, device, electronic equipment and storage medium for reporting service data | |
| CN111367963B (en) | Method, device, equipment and computer storage medium for determining source channel |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |