前端監(jiān)控系統(tǒng)搭建第二步之阿里云購(gòu)買域名購(gòu)買阿里云服務(wù)器之后,，就獲得了這個(gè)服務(wù)器對(duì)外的公網(wǎng)IP,，通過(guò)這個(gè)IP和端口,，我們就可以訪問(wèn)這臺(tái)服務(wù)器上的服務(wù),?？墒菬o(wú)論上傳還是訪問(wèn),，總是通過(guò)ip有點(diǎn)太不專業(yè)了,，為了安全,，而且很多網(wǎng)站是禁止ip直接訪問(wèn)的，所以,，我們需要有一個(gè)域名,。申請(qǐng)域名：這個(gè)在阿里云上操作很簡(jiǎn)單，當(dāng)然越好的域名就越貴,。這里邊有一點(diǎn)需要注意，以后有可能給這個(gè)域名購(gòu)買https證書,，阿里云上的審核比較嚴(yán)格,，有些是無(wú)法審核通過(guò)的，所以可以先嘗試買一個(gè)簡(jiǎn)單的,，測(cè)試一下,，省得花冤枉錢。域名需要經(jīng)過(guò)購(gòu)買,，備案,，準(zhǔn)備資料，上傳資料,，審核,，一系列步驟之后，才可以真正使用（步驟繁瑣,，建議要有耐心）,。域名審核通過(guò)后，配置DNS解析,，就可以通過(guò)域名訪問(wèn)我們的服務(wù)器了,。絕大多數(shù)的監(jiān)控平臺(tái)都提供規(guī)則報(bào)警的能力。常見(jiàn)的前端監(jiān)控和js文件加載錯(cuò)誤監(jiān)控工具

這是搭建前端監(jiān)控系統(tǒng)的第二章,，主要是介紹如何統(tǒng)計(jì)js報(bào)錯(cuò),，跟著webfunny前端監(jiān)控項(xiàng)目的開(kāi)發(fā)者一步步操作，你也能搭建出一個(gè)屬于自己的前端監(jiān)控系統(tǒng),。前端程序員可以移步線上：webfunny前端監(jiān)控系統(tǒng),，對(duì)于前端應(yīng)用來(lái)說(shuō)，Js錯(cuò)誤的發(fā)生直接影響前端應(yīng)用的質(zhì)量,。對(duì)前端異常的監(jiān)控是整個(gè)前端監(jiān)控系統(tǒng)中的一個(gè)重要環(huán)節(jié),。前端異常包含很多種情況：編譯時(shí)異常（開(kāi)發(fā)階段就能排除）運(yùn)行時(shí)異常；3.加載靜態(tài)資源異常（路徑寫錯(cuò),、資源服務(wù)器異常,、CDN異常、跨域）4.接口請(qǐng)求異常等。這一篇我們只介紹Js運(yùn)行時(shí)異常,。常見(jiàn)的前端監(jiān)控和js文件加載錯(cuò)誤監(jiān)控工具webfunny強(qiáng)大的線上調(diào)試功能,，讓前端工程師可以隨時(shí)連接線上用戶。

前端監(jiān)控流程：監(jiān)控錯(cuò)誤->搜集錯(cuò)誤->存儲(chǔ)錯(cuò)誤->分析錯(cuò)誤->錯(cuò)誤報(bào)警->定位錯(cuò)誤->解決錯(cuò)誤首先,，我們應(yīng)該對(duì)Js報(bào)錯(cuò)情況有個(gè)大致的了解,，這樣才能夠及時(shí)的了解前端項(xiàng)目的健康狀況。所以我們需要分析出一些必要的數(shù)據(jù),。如：一段時(shí)間內(nèi),，應(yīng)用JS報(bào)錯(cuò)的走勢(shì)(chart圖表)、JS錯(cuò)誤發(fā)生率,、JS錯(cuò)誤在PC端發(fā)生的概率,、JS錯(cuò)誤在IOS端發(fā)生的概率、JS錯(cuò)誤在Android端發(fā)生的概率,，以及JS錯(cuò)誤的歸類,。然后，我們?cè)偃テ渲械腏s錯(cuò)誤進(jìn)行詳細(xì)的分析,，輔助我們排查出錯(cuò)的位置和發(fā)生錯(cuò)誤的原因,。如：JS錯(cuò)誤類型、JS錯(cuò)誤信息,、JS錯(cuò)誤堆棧,、JS錯(cuò)誤發(fā)生的位置以及相關(guān)位置的代碼；JS錯(cuò)誤發(fā)生的幾率,、瀏覽器的類型,，版本號(hào)，設(shè)備機(jī)型等等輔助信息,。建立前端監(jiān)控系統(tǒng)應(yīng)用后,，排查定位問(wèn)題會(huì)更加及時(shí)快捷，webfunny前端監(jiān)控應(yīng)用解決場(chǎng)景之一就是JS應(yīng)用報(bào)錯(cuò),。

前端監(jiān)控通常情況下監(jiān)控的內(nèi)容可以分為三類：第二,，用戶行為。用戶行為大體上可以理解為,，誰(shuí),，在什么時(shí)間，做了哪些操作,。比如,，用戶，登錄了什么應(yīng)用,，應(yīng)用的版本是什么,，應(yīng)用所在的平臺(tái)信息,，頁(yè)面的訪問(wèn)情況，停留時(shí)長(zhǎng)等,。第三,，應(yīng)用的性能。應(yīng)用的性能指的是,，比如頁(yè)面加載時(shí)長(zhǎng),，接口請(qǐng)求時(shí)長(zhǎng)，資源大小等等,。

以哪種方式進(jìn)行監(jiān)控監(jiān)控方式,，其實(shí)指的就是我們平常說(shuō)的埋點(diǎn)方式。通常情況分為自動(dòng)埋點(diǎn),，和手動(dòng)埋點(diǎn),。

自動(dòng)埋點(diǎn)的實(shí)現(xiàn)方式稍微復(fù)雜一些，需要我們?nèi)ack很多內(nèi)容,。比如需要重寫XHR對(duì)象，或者以一種更優(yōu)雅的方式實(shí)現(xiàn)fetch等,。而手動(dòng)埋點(diǎn)則是我們直接在業(yè)務(wù)代碼中需要監(jiān)控的地方,，直接調(diào)用接口上報(bào)所需的數(shù)據(jù)即可。
webfunny支持私有化部署,，容器化部署,，可支持千萬(wàn)級(jí)PV的日活量!

很多前端程序員都很難接觸到實(shí)踐前端埋點(diǎn)與監(jiān)控。當(dāng)然,，就算有機(jī)會(huì)接觸到前端監(jiān)控的前端,，一旦遇到相關(guān)問(wèn)題也十分令人痛苦了。用戶在實(shí)際場(chǎng)景重的一系列操作,，外加一些類似機(jī)型,、網(wǎng)絡(luò)環(huán)境的問(wèn)題，讓前端很難在開(kāi)發(fā)環(huán)境中復(fù)現(xiàn)出來(lái),。特別是前端在沒(méi)有監(jiān)控加持的情況下,，需要人為手動(dòng)解決問(wèn)題，還要應(yīng)對(duì)產(chǎn)品的需求轟炸,，真是太難了,。作為webfunny前端監(jiān)控系統(tǒng)的開(kāi)發(fā)者，我們深知做好任何一個(gè)產(chǎn)品都不會(huì)那么容易,，特別是前端監(jiān)控這種技術(shù)型產(chǎn)品,，webfunny前端監(jiān)控系統(tǒng)還有很多需要改進(jìn)和提升的地方，而webfunny前端監(jiān)控一直在不斷的迭代產(chǎn)品,。如果你是前端工程師,，對(duì)監(jiān)控有興趣,，可以來(lái)webfunny官網(wǎng)試用demo,只需要簡(jiǎn)單幾步就可以搭建一套屬于自己的前端監(jiān)控系統(tǒng)，快來(lái)試試吧（Github搜索webfunny_monitor即可下載）,。webfunny通過(guò)探針記錄了用戶大量的操作行為,，一旦出現(xiàn)問(wèn)題，復(fù)現(xiàn)BUG也將變得非常簡(jiǎn)單,。常見(jiàn)的前端監(jiān)控和js文件加載錯(cuò)誤監(jiān)控工具

webfunny前端監(jiān)控系統(tǒng)隨時(shí)連接線上用戶,，無(wú)論何時(shí)何地，解決前端問(wèn)題都易如反掌,！常見(jiàn)的前端監(jiān)控和js文件加載錯(cuò)誤監(jiān)控工具

搭建前端監(jiān)控系統(tǒng)（七）之用戶細(xì)查篇一,、如何貫穿用戶的整個(gè)行為鏈路？這個(gè)很好理解,，貫穿用戶的整個(gè)行為鏈路,，就需要一個(gè)單一的key來(lái)標(biāo)識(shí)這個(gè)用戶。比較簡(jiǎn)單的就是使用UserId了,，在通過(guò)webfunny前端監(jiān)控系統(tǒng)「用戶細(xì)查」的功能模塊,，每個(gè)用戶我都給他傳入一個(gè)userId就可以了串聯(lián)起來(lái)了。但是這種方式有一個(gè)很容易被忽略的弊端：如果這個(gè)項(xiàng)目獲取userId速度比較慢,，或者壓根不會(huì)有userId,，那么用戶的行為記錄是不是會(huì)出現(xiàn)缺失呢？或者根本就無(wú)法關(guān)聯(lián)呢,？那我們?cè)撊绾我?guī)避這種問(wèn)題呢,？webfunny是如何做到的呢？為了規(guī)避以上提出的幾點(diǎn)問(wèn)題,，webfunny通過(guò)設(shè)置內(nèi)置id,，來(lái)對(duì)所有的用戶進(jìn)行區(qū)分。然后再通過(guò)userId,，將所有的內(nèi)置id關(guān)聯(lián)在一起,，這樣一來(lái)，只要在用戶的生命周期過(guò)程中,，傳入一次userId,，我們就可以關(guān)聯(lián)上用戶所有的行為記錄了。內(nèi)置ID生成規(guī)則的代碼,，感興趣的前端同學(xué)可以到webfunny官網(wǎng)查看本篇博客原文,。常見(jiàn)的前端監(jiān)控和js文件加載錯(cuò)誤監(jiān)控工具

上海觀縱科技有限公司是以webfunny前端監(jiān)控，webfunny前端埋點(diǎn),，全鏈路應(yīng)用性能監(jiān)控,，Argus-IT運(yùn)維監(jiān)控研發(fā)、生產(chǎn),、銷售,、服務(wù)為一體的一般項(xiàng)目:技術(shù)服務(wù),、技術(shù)開(kāi)發(fā)、技術(shù)咨詢,、技術(shù)交流,、技術(shù)轉(zhuǎn)讓、技術(shù)推廣;軟件開(kāi)發(fā);人工智能基礎(chǔ)軟件開(kāi)發(fā);人工智能應(yīng)用軟件開(kāi)發(fā);數(shù)據(jù)處理服務(wù);信息技術(shù)咨詢服務(wù);信息系統(tǒng)集成服務(wù):信息系統(tǒng)運(yùn)行維護(hù)服務(wù);計(jì)算機(jī)系統(tǒng)服務(wù);軟件銷售;計(jì)算機(jī)軟硬件及輔助設(shè)備批發(fā);計(jì)算機(jī)軟硬件及輔助設(shè)備零售;電子產(chǎn)品銷售;通信設(shè)備銷售;通訊設(shè)備銷售;咨詢策劃服務(wù);市場(chǎng)調(diào)查(不含涉外調(diào)查);廣告制作;廣告發(fā)布;廣告設(shè)計(jì),、代理;會(huì)議及展覽服務(wù);貨物進(jìn)出口,。(除依法須經(jīng)批準(zhǔn)的項(xiàng)目外，憑營(yíng)業(yè)執(zhí)照依法自主開(kāi)展經(jīng)營(yíng)活動(dòng)) 許可項(xiàng)目:建筑智能化系統(tǒng)設(shè)計(jì);建設(shè)工程施工;網(wǎng)絡(luò)文化經(jīng)營(yíng);互聯(lián)網(wǎng)信息服務(wù),。(依法須經(jīng)批準(zhǔn)的項(xiàng)目,，經(jīng)相關(guān)部門批準(zhǔn)后方可開(kāi)展經(jīng)營(yíng)活動(dòng)，具體經(jīng)營(yíng)項(xiàng)目以相關(guān)部門批準(zhǔn)文件或許可證件為準(zhǔn))企業(yè),，公司成立于2022-11-14,，地址在上海市奉賢區(qū)望園南路1288弄80號(hào)1904、1909室,。至創(chuàng)始至今,，公司已經(jīng)頗有規(guī)模。公司主要經(jīng)營(yíng)webfunny前端監(jiān)控,，webfunny前端埋點(diǎn),，全鏈路應(yīng)用性能監(jiān)控，Argus-IT運(yùn)維監(jiān)控等,，我們始終堅(jiān)持以可靠的產(chǎn)品質(zhì)量，良好的服務(wù)理念,，優(yōu)惠的服務(wù)價(jià)格誠(chéng)信和讓利于客戶,，堅(jiān)持用自己的服務(wù)去打動(dòng)客戶。webfunny,walkingfunny,argus集中了一批經(jīng)驗(yàn)豐富的技術(shù)及管理專業(yè)人才,，能為客戶提供良好的售前,、售中及售后服務(wù)，并能根據(jù)用戶需求,，定制產(chǎn)品和配套整體解決方案,。上海觀縱科技有限公司本著先做人，后做事,，誠(chéng)信為本的態(tài)度,，立志于為客戶提供webfunny前端監(jiān)控，webfunny前端埋點(diǎn),，全鏈路應(yīng)用性能監(jiān)控,，Argus-IT運(yùn)維監(jiān)控行業(yè)解決方案，節(jié)省客戶成本,。歡迎新老客戶來(lái)電咨詢,。