H5 page local debugging method suitable for Hybrid App

Abstract

The invention provides an H5 page local debugging method suitable for a Hybrid App, which comprises the following steps of: 1, modifying a router file, configuring meta attribute identifiers for routes taking the App as an entry, and performing related display through a menu; 2, a menu page is developed, and a menu configured with meta attributes is rendered; 3, environment distinguishing is carried out on the H5 project, and a development environment and a production environment are set; 4, intercepting a route accessing the H5 page, and performing related processing judgment; and 5, identifying the token obtained in the step 4. By adopting the login logic for simulating the APP, when an H5 developer performs self-testing, the token can be automatically obtained without relying on a Native developer, so that the number of times of communication between the H5 developer and the Native developer during testing is reduced, the communication cost is reduced, and in the debugging process, the workload of the H5 developer is reduced, and the debugging efficiency of the H5 developer is improved. Developers can open the menu page and randomly select and enter the page to be debugged, so that the development time is greatly saved.

Description

technical field [0001] The invention relates to the technical field of computer networks, in particular to a local debugging method for H5 pages suitable for HybridApp. Background technique [0002] Since the boom of the mobile Internet, many companies have entered one after another, but there are too few mobile application developers, and many companies cannot afford to maintain a professional mobile application development team with cross-platform development capabilities. It is just a coincidence Under the circumstances, the Hybrid App technology based on the low-cost cross-platform development advantages of H5 (HTML5) and the characteristics of Native App stand out. Because Hybrid App uses web language coding at the same time, the development cost and difficulty are much smaller than Native App. App When loading the H5 page, the user token will be passed to the H5 page through the access address, so that the H5 page can obtain the permission to call the interface to quer...

AI Technical Summary

Problems solved by technology

[0003] During the development process, H5 page developers need to debug the page locally. There is no token to provide, and they can only grab the token in the App for testing. After the token fails, repeat the grabbing, but many H5 developers don’t know how to do it. Data is captured in the App, so it is necessary to communicate frequently with Native developers. They provide tokens and use them for debugging when accessing H5 pages, which will increase the cost of communication. At the same time, H5 developers simulate debugging in the browser due to It is not in the App environment and lacks an entry point. You can only find the access path from the code for debugging. Especially when several pages need to be debugged together, you need to manually enter the access path in the browser, which increases the time cost of local joint debugging and reduces the cost. H5 developers improve R&D efficiency

Images