一種前端應用的監(jiān)控方法、設(shè)備和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種前端應用的監(jiān)控方法、設(shè)備和系統(tǒng)。
【背景技術(shù)】
[0002]前端應用是指基于瀏覽器的Web應用程序，運行在用戶終端的瀏覽器軟件上。
[0003]目前，由于用戶終端遍布全球各地，前端應用開發(fā)者很難知道應用的實時運行情況，當前端應用發(fā)生問題時，也不能快速準確地發(fā)現(xiàn)問題。
[0004]當前亟需一種能夠使前端應用開發(fā)者快速準確地發(fā)現(xiàn)終端應用發(fā)生的問題的技術(shù)方案。

【發(fā)明內(nèi)容】

[0005]本發(fā)明實施例公開了一種前端應用的監(jiān)控方法、設(shè)備和系統(tǒng)，能夠?qū)崿F(xiàn)前端應用主動上報運行狀況，提高發(fā)現(xiàn)前端應用的問題的效率。
[0006]本發(fā)明實施例第一方面公開了一種前端應用的監(jiān)控方法，包括:
[0007]當終端設(shè)備通過瀏覽器運行前端應用時，所述前端應用監(jiān)控自身的運行狀態(tài)；
[0008]當所述前端應用監(jiān)控到當前運行狀態(tài)滿足上報觸發(fā)條件時，所述前端應用獲取所述當前運行狀態(tài)對應的數(shù)據(jù)，并將獲取到的數(shù)據(jù)通過上報代理以預設(shè)格式上報給Web服務器，以使所述Web服務器對所述數(shù)據(jù)進行規(guī)整后，發(fā)送給監(jiān)控服務器，由所述監(jiān)控服務器根據(jù)所述規(guī)整后的數(shù)據(jù)進行相應處理。
[0009]本發(fā)明實施例第二方面公開了一種前端應用的監(jiān)控方法，包括:
[0010]當終端設(shè)備通過瀏覽器運行前端應用時，所述前端應用監(jiān)控自身的運行狀態(tài)；
[0011]當所述前端應用監(jiān)控到當前運行狀態(tài)滿足上報觸發(fā)條件時，所述前端應用獲取所述當前運行狀態(tài)對應的數(shù)據(jù)，并將獲取到的數(shù)據(jù)通過上報代理以預設(shè)格式上報給Web服務器；
[0012]所述Web服務器接收所述前端應用通過上報代理上報的數(shù)據(jù)，對所述數(shù)據(jù)進行規(guī)整，并將規(guī)整后的數(shù)據(jù)發(fā)送給監(jiān)控服務器；
[0013]所述監(jiān)控服務器接收所述Web服務器發(fā)送的所述規(guī)整后的數(shù)據(jù)，根據(jù)所述規(guī)整后的數(shù)據(jù)進行相應處理。
[0014]本發(fā)明實施例第三方面公開了一種前端應用，包括:
[0015]監(jiān)控模塊，用于當終端設(shè)備通過瀏覽器運行前端應用時，監(jiān)控所述前端應用的運行狀態(tài)；
[0016]獲取模塊，用于當所述監(jiān)控模塊監(jiān)控到當前的運行狀態(tài)滿足上報觸發(fā)條件時，獲取所述當前運行狀態(tài)對應的數(shù)據(jù)；
[0017]上報模塊，用于將所述獲取模塊獲取到的數(shù)據(jù)，通過上報代理以預設(shè)格式上報給Web服務器，以使所述Web服務器對所述數(shù)據(jù)進行規(guī)整后，發(fā)送給監(jiān)控服務器，由所述監(jiān)控服務器根據(jù)所述規(guī)整后的數(shù)據(jù)進行相應處理。
[0018]本發(fā)明實施例第四方面公開了一種前端應用的監(jiān)控系統(tǒng)，包括:
[0019]前端應用，用于當終端設(shè)備通過瀏覽器運行前端應用時，監(jiān)控自身的運行狀態(tài)；當監(jiān)控到當前運行狀態(tài)滿足上報觸發(fā)條件時，獲取所述當前運行狀態(tài)對應的數(shù)據(jù)，并將獲取到的數(shù)據(jù)通過上報代理以預設(shè)格式上報給Web服務器；
[0020]Web服務器，用于接收所述前端應用通過上報代理上報的數(shù)據(jù)，對所述數(shù)據(jù)進行規(guī)整，并將規(guī)整后的數(shù)據(jù)發(fā)送給監(jiān)控服務器；
[0021]監(jiān)控服務器，用于接收所述Web服務器發(fā)送的所述規(guī)整后的數(shù)據(jù)，根據(jù)所述規(guī)整后的數(shù)據(jù)進行相應處理。
[0022]實施本發(fā)明實施例，具有如下有益效果:
[0023]當終端設(shè)備通過瀏覽器運行前端應用時，通過前端應用監(jiān)控自身的運行狀態(tài)，當前端應用監(jiān)控到當前運行狀態(tài)滿足上報觸發(fā)條件時，獲取當前運行狀態(tài)對應的數(shù)據(jù)，并將獲取到的數(shù)據(jù)通過上報代理以預設(shè)格式上報給Web服務器，以使Web服務器對該數(shù)據(jù)進行規(guī)整后，發(fā)送給監(jiān)控服務器，由監(jiān)控服務器根據(jù)規(guī)整后的數(shù)據(jù)進行相應處理，實現(xiàn)了前端應用主動上報運行狀況，提高了發(fā)現(xiàn)前端應用的問題的效率。
【附圖說明】
[0024]為了更清楚地說明本發(fā)明實施例中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0025]圖1為本發(fā)明實施例提供的一種前端應用的監(jiān)控方法的流程示意圖；
[0026]圖2為本發(fā)明實施例提供的一種應用場景的示意圖；
[0027]圖3為本發(fā)明實施例提供的另一種前端應用的監(jiān)控方法的流程示意圖；
[0028]圖4為本發(fā)明實施例提供的一種前端應用的結(jié)構(gòu)示意圖；
[0029]圖5為本發(fā)明實施例提供的一種前端應用的監(jiān)控系統(tǒng)的架構(gòu)示意圖。
【具體實施方式】
[0030]下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。
[0031]如圖1所示，為本發(fā)明實施例提供的一種前端應用的監(jiān)控方法的流程示意圖，可以包括以下步驟:
[0032]S101、當終端設(shè)備通過瀏覽器運行前端應用時，該前端應用監(jiān)控自身的運行狀態(tài)。
[0033]S102、當前端應用監(jiān)控到當前運行狀態(tài)滿足上報觸發(fā)條件時，前端應用獲取當前運行狀態(tài)對應的數(shù)據(jù)，并將獲取到的數(shù)據(jù)通過上報代理以預設(shè)格式上報給Web服務器，以使Web服務器對數(shù)據(jù)進行規(guī)整后，發(fā)送給監(jiān)控服務器，由監(jiān)控服務器根據(jù)規(guī)整后的數(shù)據(jù)進行相應處理。
[0034]本發(fā)明實施例中，為了實現(xiàn)前端應用能夠主動上報運行狀況，在前端應用側(cè)設(shè)置了上報代理，該上報代理為前端應用進行數(shù)據(jù)上報提供了接口。當終端設(shè)備通過瀏覽器運行前端應用時，前端應用可以通過上報代理實時上報自身運行狀態(tài)。
[0035]其中，該上報代理可以為通過javascript實現(xiàn)的一套前端代碼組件，封裝了完善的數(shù)據(jù)上報代碼，并作為一個組件，嵌入到前端應用的代碼里。該上報代理為前端應用提供上報的API (Applicat1n Programming Interface,應用程序接口 )接口，用來上報數(shù)據(jù)。
[0036]前端應用開發(fā)人員可以根據(jù)實際需求配置前端應用在指定運行狀態(tài)下進行數(shù)據(jù)上報(即配置上報觸發(fā)條件)，以使前端應用針對性地進行數(shù)據(jù)上報，從而實時掌握前端應用的運行狀況。基于該配置，前端應用可以監(jiān)控自身運行狀態(tài)，并當當前運行狀態(tài)滿足上報觸發(fā)條件時，獲取當前運行狀態(tài)對應的數(shù)據(jù)，并通過上報代理進行上報。
[0037]其中，前端應用開發(fā)人員可以配置前端應用進行數(shù)據(jù)上報的上報觸發(fā)條件、在相應上報觸發(fā)條件下需要上報的數(shù)據(jù)，以及上報數(shù)據(jù)時的上報格式等。
[0038]本發(fā)明實施例中，前端應用監(jiān)控到當前運行狀態(tài)滿足上報觸發(fā)條件，至少可以包括以下一種或多種情況:
[0039]前端應用當前運行狀態(tài)異常、前端應用當前運行狀態(tài)下指定數(shù)據(jù)接口被調(diào)用、前端應用當前運行狀態(tài)下指定功能按鈕被點擊等。
[0040]相應地，當前端應用監(jiān)控到當前運行狀態(tài)異常時，其上報的當前運行狀態(tài)對應的數(shù)據(jù)可以包括異常內(nèi)容和錯誤碼。
[0041]當前端應用監(jiān)控到當前運行狀態(tài)下指定數(shù)據(jù)接口被調(diào)用時，其上報的當前運行狀態(tài)對應的數(shù)據(jù)可以包括指定數(shù)據(jù)接口的接口耗時和成功率。
[0042]當前端應用監(jiān)控到當前運行狀態(tài)下指定功能按鈕被點擊時，其上報的當前運行狀態(tài)對應的數(shù)據(jù)可以包括指定功能按鈕在預設(shè)時間內(nèi)被點擊的次數(shù)，以及指定功能按鈕對應的執(zhí)行成功率。
[0043]舉例來說，當前端應用開發(fā)人員在前端應用中新增了一個功能按鈕，如對于一個網(wǎng)頁