Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Hybrid programming method and system for APP (Application) client

A hybrid programming and client-side technology, applied in program control devices, user interface execution, software engineering design, etc., can solve the problems of large space occupation and poor user interaction experience.

Inactive Publication Date: 2018-09-25
CTRIP TRAVEL NETWORK TECH SHANGHAI0
View PDF1 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0006] The technical problem to be solved by the present invention is to provide an APP client hybrid programming method and system in order to overcome the defect that the Native code occupies a large space and the Hybrid code makes the user interaction experience poor in the prior art.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Hybrid programming method and system for APP (Application) client
  • Hybrid programming method and system for APP (Application) client
  • Hybrid programming method and system for APP (Application) client

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0088] This embodiment provides a hybrid programming method of APP client Native and front-end, wherein the front-end includes a first front-end application and a first front-end bridge layer, and Native includes a Native bridge layer; in this embodiment, the first front-end application is ReactNative.

[0089] Such as figure 1 As shown, the APP client Native and front-end hybrid programming methods include:

[0090] Step 101, embed a display component corresponding to the first front-end application in the Native page.

[0091] Preferably, the display component corresponding to the first front-end application React Native is React Native Web View.

[0092] Step 102, the first front-end application uses the first front-end bridge layer to communicate with the Native bridge layer.

[0093] Specifically, as figure 2 As shown, step 102 includes:

[0094] Step 10211, the first front-end bridge layer receives the front-end method call request sent by the first front-end applic...

Embodiment 2

[0105] This embodiment provides a hybrid programming method for APP client Native and front-end, wherein the front-end includes a first front-end application and a first front-end bridge layer, and Native includes a Native bridge layer; in this embodiment, the first front-end application is Hybrid. Compared with Embodiment 1, the present embodiment differs in that,

[0106] Such as Figure 4 As shown, step 102 includes:

[0107] Step 10221. The first front-end bridge layer receives the front-end method call request sent by the front-end. The front-end method call request includes the Native module ID and the Native method ID. The first front-end bridge layer parses the front-end method call request to obtain the Native module ID and the Native method ID.

[0108] Step 10222, concatenate the Native module ID and the Native method ID to obtain a URL, and use the first front-end application to access the URL.

[0109] Step 10223, the Native bridge layer monitors the first front...

Embodiment 3

[0113] This embodiment provides an APP client Native and front-end hybrid programming method, wherein the front-end includes a first front-end application and a first front-end bridge layer front-end, and also includes a second front-end application and a second front-end bridge layer, and Native includes a Native bridge layer. Such as Figure 6 As shown, the APP client Native and front-end hybrid programming methods include:

[0114] Step 301, embed a display component corresponding to the first front-end application and a display component corresponding to the second front-end application in the Native page.

[0115] Step 302, the first front-end application uses the first front-end bridge layer to communicate with the Native bridge layer.

[0116] Step 303, the Native bridge layer uses the second front-end bridge layer to communicate with the second front-end application, so as to realize the communication between the first front-end application and the second front-end ap...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a hybrid programming method and system for an APP (Application) client. A front end comprises a first front end application and a first front end bridge layer, and Native comprises a Native bridge layer. The hybrid programming method comprises the following steps: S1, embedding a display component corresponding to the first front end application into a Native page; S2, enabling the first front end application to be communicated with the Native bridge layer through the first front end bridge layer. According to hybrid programming method for the APP client, the display component corresponding to the first front end application is embedded into the Native page, and the first front end application is enabled to be communicated with the Native bridge layer through the first front end bridge layer, so that a space occupied by programming codes can be reduced, execution speeds and efficiency can be increased, an execution speed is approximate to that of a Native code,and good user interaction experience can be achieved.

Description

technical field [0001] The invention relates to the technical field of software development, in particular to an APP client hybrid programming method and system. Background technique [0002] With the development of mobile Internet, the convenience of mobile handheld devices makes users often choose to conduct network consumption on mobile handheld devices. Performance puts forward higher demands. [0003] The survey shows that the content iteration speed of APP (computer application program) in mobile handheld devices is getting faster and faster. Under the environment of agile project development mode, the iteration cycle of product requirements continues to shorten. The model needs to pass the review of the App Store (app store) before it can be put on the shelves. During the review process, the product requirements are increasing day by day, and the review speed is slowing down, which seriously slows down the original intention of rapid iteration. [0004] The space oc...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F8/38G06F9/451
CPCG06F8/38G06F9/451
Inventor 顾佳璐陈琦姚熠暘
Owner CTRIP TRAVEL NETWORK TECH SHANGHAI0
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com