Real time monitoring big screen
 
as everyone knows : Large real-time flow screen , It is used to monitor the online quality of front-end projects .


As you know , The monitoring system will monitor various indicators of online applications , Such as : error 、 hang 、 Time consuming, etc , But think about it , Even with these surveillance , We may not be able to guarantee that online applications are safe .

Why? ?

such as , When you launch a function , Everything on the page is normal , But a process cannot be carried out , At this time, all monitoring systems will not have any perception , Even if you feel , That's also a 、 Two hours later , For applications with high traffic , The loss is not small . The longer the time , Developers also have to take greater responsibility . therefore , Real time traffic large screen function , For the most critical front end 12 Real time monitoring of large indicators , So that you can understand the change trend of various indicators in real time within half an hour after going online , To determine whether it is safe to go online . The update cycle is 1 minute , The key indicators are :

  • Flow dependent :PV data 、UV data 、 New user data 、 User hits
  • Request the relevant : Number of interface requests 、 Interface error reporting amount 、 Interface success rate 、 The interface takes
  • Error correlation :JS Error amount 、 Custom error amount 、 Error rate 、 Static resource error amount

According to these twelve key indicators , Any abnormality occurs in the online front-end application , Can be perceived in real time . Look through this big screen 30 minute , It can basically ensure the online safety .


About Webfunny

Webfunny Focus on wechat apps 、H5 front end 、PC Front end online application real-time monitoring , Real time monitoring front-end web pages 、 Front end data analysis 、 Error statistical analysis and monitoring BUG early warning , Call the police at the first time , Quick fix BUG! Support privatization deployment , Containerized deployment , It can support tens of millions of levels PV Daily activity of !

How to ensure the safety of front-end projects after they go online ?webfunny The most critical of the front end has been summarized 12 More articles on big indicators

  1. After the project goes online Bug, How to deal with ?

    After the project went online, it appeared again Bug, This gives many testers and developers a headache . But many times online Bug Widespread , Inevitable . There are no items found Bug   and   It has been found that Bug   Two cases , No, No Bug The situation of . namely ...

  2. 160527、 After the project goes online session( long-range session)

    import java.io.Serializable;import java.util.HashMap;import java.util.Map;import java.util.UUID;impo ...

  3. project 、 metro / transit 、 Game check in 、 After the project goes online, new bug What to do with

    project :1. Allocate business in advance ( What should everyone do )2. Hold a meeting in advance 3. Pick good people in advance 4. Prepare the project mind map 5. Review the project in advance 6. To ensure that the project is delivered on time Control the time 7. Say hello to employees in advance ( Remind me to work overtime )8. Establish a good security mechanism 9 ...

  4. Remember once after the project goes online Log4j2 Do not output logs

         The company's project adopts Log4j2 To output logs , Logs can be output in both development and test environments , But in the build environment, there is no log output . At first there was no clue , Later, through continuous investigation , It finally solved the problem . Record the problem solving process here , Convenient after ...

  5. laravel5 After the project goes online, the development environment must be changed to the production environment

    If you go online in a development environment , All error messages will pass through json Exposed , The shielding method is as follows : .env The file settings are as follows APP_ENV=productionAPP_DEBUG=false Clean up the cache after changing the settings If it is clear after change ...

  6. Vue Refresh and report error after the project goes online 404 problem (apache,nginx,tomcat)

    from :https://www.cnblogs.com/sxshaolong/p/10219527.html It's simple , need Server side Add a configuration file , then Just restart the service , Remember to do it Restart the service , Otherwise it will not work !

  7. After the project goes online , encounter IE The browser does not show the problems of most components

    document.addEventListener('touchmove',(evt)=>{ }) Above is ES6 grammar , Arrow function , Of course. IE I can't do it next . So instead of :ES5 grammar document ...

  8. [front] Effectively develop a front-end project

    If today's front end is not used npm, Efficiency is relatively low : So in terms of the tools used . 1. Everything depends on nodejs: Download a linux The source code package can be installed . $ wget https://nodej ...

  9. Use jenkins Automatic deployment of front-end projects

    In front of the word Back end nodeJS Projects can use pm2 Deploy automatically , Because the front-end project is a static resource after packaging , There is no need for a process guardian . In a general way , Front end projects use jenkins To deploy automatically , Including packing . Testing and so on . This article will introduce in detail j ...

  10. [FE] Effectively develop a front-end project 1

    If today's front end is not used npm, Efficiency is relatively low : So in terms of the tools used . 1. Everything depends on nodejs: Download a linux The source code package can be installed . $ wget https://nodej ...

Random recommendation

  1. 【JUC】JDK1.8 Source code analysis ConcurrentLinkedQueue( 5、 ... and )

    One . Preface And then the previous analysis , The next analysis ConcurrentLinkedQueue,ConcurerntLinkedQueue An unbounded thread safe queue based on linked nodes . This queue is based on FIFO( fifo ) Principle to element ...

  2. PHP filter

    PHP  filter PHP Filters are used to validate and filter data from non secure sources , Like user input . What is? PHP filter ? PHP Filters are used to validate and filter data from non secure sources . test . Verifying and filtering user input or custom data is ...

  3. Serialization and deserialization Serialize&Deserialize

    Serialization means that an instance of an object can be saved , Save it as a binary string , Of course , Once saved as a binary string , Then it can also be saved as a text string . such as , A counter , Values for 2, We can use strings “2” Express . If there's an object , be called connter, ...

  4. vector Achieve maximum flow EK Algorithm

    order : In the previous article, we realized not to use STL Realization EK Algorithm , It's also more efficient . This time we're trying to simplify the code , Reduce the use of variables and handwritten simulation code . Be careful :vector etc. STL Of container It's not on O2 The same effect is achieved when optimizing ...

  5. PHP Web data api collection

    A simple data acquisition , The method used here is API Data collection //api Address , Read text $result = file_get_contents("https://feed.mix.sina.com.cn ...

  6. RabbitMQ introduction _08_ The so-called peer-to-peer and publish subscribe model

    A. JMS Model JMS Two message models, point-to-point and publish subscribe, are defined in , I thought AMQP Agreement direct Exchange Corresponding point-to-point model ,topic Exchange Corresponding to the publish subscribe model ,fanou ...

  7. React Native Fill a hole

    React Native Fill a hole About RN Layout It is divided into main axis and cross axis , The main axis can be horizontal or vertical , The cross axis also corresponds to . The spindle is vertical by default . If you want to change it, use flexdirection Spindle alignment :justif ...

  8. WPF Get the contents of the table

    DataRowView dataRow = DataGridCase.SelectedItem as DataRowView; The code is converted into an array to obtain .

  9. Android And js Interaction

    Reprinted from :http://blog.csdn.net/it1039871366/article/details/46372207  One article . Android  Through webview To achieve and js Interaction , stay ...

  10. LINUX Summary of environmental variables

    1. summary Linux It's a multi-user operating system . Multi user means that after each user logs in to the system , Each has its own dedicated operating environment . The environment is defined by a set of variables , This set of variables is called environment variables . Users can modify their own environment variables to achieve a better understanding of the environment ...