Design And Implementation Of Web Application Front-end Monitoring Platform

Web applications have the characteristics of no installation and can be run with a browser,and are very popular among users.However,due to the complexity and diversity of the front-end operating environment of Web applications,optimization of Web applications is difficult.Web application front-end monitoring is to monitor and analyze the status data of the web application front-end runtime.The existing web application front-end monitoring tools generally have some problems,which cannot well meet the actual needs of the company.For example,the measurement standards and calculation methods of the front-end experience are confusing,the browser simulation data used by some tools is not authentic,and the interface data is used.Upload to deal with cross-domain issues and so on.Aiming at the problems existing in the current Web application front-end monitoring tools,this paper designs and implements a Web application front-end monitoring platform based on browser technology and Web application technology.The web application front-end monitoring platform designed in this paper is divided into six functional modules: data collection,data upload,data processing,user management,alarm configuration and data visualization.visualization.Through the web application front-end monitoring platform designed in this paper,the performance data,error type data,alarm history data and user behavior data of the monitored web applications can be viewed,so as to optimize and build high-stability,high-performance and high-performance web application front-end experience for engineers.Available web applications provide data support.The main work of this paper is: First,it proposes a web application front-end user experience measurement standard and algorithm based on web application performance data,error type data and user behavior data.Through the measurement standards designed in this paper,we can conduct in-depth analysis of the loading performance,runtime errors and user behavior data of web applications,comprehensively monitor the front-end status of web applications,and discover problems in the front-end of web applications in time.Second,the collection of state data at the front-end of the Web application is optimized.Combining the latest browser technology and Java Script language standard,this paper uses window.performance to collect performance data of web applications,and uses the Error instance of Java Script language to collect error type data,which ensures the authenticity and comprehensiveness of the data.Third,the data upload scheme has been optimized.The traditional data upload is based on the interface,which needs to deal with cross-domain issues,which is cumbersome.This paper investigates the data upload scheme in Web applications,and combines HTML and Java Script technology to propose a data upload scheme based on GIF image resource loading to avoid the problem of separate processing across domains when the collected data is uploaded.