Design And Implementation Of A Progressive Web App Based Map Information Feedback System

With the rapid popularization of mobile applications,network map has become a necessary tool for people to travel.However,as the carrier of space-time data,network maps often have the situation that the updates are not timely or the contents of maps are wrong,which greatly affects the user experience.As for how to improve the quality of information,map workers are facing enormous challenges.The maintenance of network maps should not only rely on map workers,but also let users join in to mobilize the strength of the masses and jointly build maps.This system is designed for users with feedback intention and provides a convenient feedback platform for them.This system is a mobile application based on Progressive Web App.This technology is a relatively good development scheme.It has all kinds of advantages of Web App,and also has the ability of offline caching,message pushing,adding to the home screen and other native applications.For the design and implementation of the system,this paper proposes a development method based on system functional modules,which divides the system into several functional modules according to its basic capabilities on the basis of analysis of actual needs.Each functional module is responsible for independent functions and decouples with other modules.When dealing with the actual requirements,we can call the encapsulated functional modules to complete the requirements,which greatly improves the system maintainability and reduces the cost of redevelopment.This paper implements four offline caching strategies,which can be called or combined according to different business scenarios and caching resources.The system is developed with the idea of component and follows the modularization scheme of ESModule.All modules or view components are independent modules,which greatly facilitates the call between modules.In the aspect of performance optimization,Page loading and switching speed and server running speed are optimized.The use of Webpack to optimize and confuse the source code improves the speed of code running,and the use of multi-threaded construction technology greatly speeds up the construction process and greatly improves the construction experience.On the server side,using nginx as the Web server and setting its load balancing environment makes the service run more smoothly and the concurrency ability greatly enhanced.In this paper,the functional modules of the system are tested,and the test results show that the running results of the system are in line with the expected requirements.Map information feedback system based on PWA can take on the important task of providing users with map construction.