搭建前端監控系統(一)阿里雲服務器搭建篇


  怎樣定位前端線上問題,一直以來,都是很頭疼的問題,因為它發生於用戶的一系列操作之后。錯誤的原因可能源於機型,網絡環境,接口請求,復雜的操作行為等等,在我們想要去解決的時候很難復現出來,自然也就無法解決。 當然,這些問題並非不能克服,讓我們來一起看看如何去監控並定位線上的問題吧。 

 

  背景:市面上的前端監控系統有很多,功能齊全,種類繁多,不管你用或是不用,它都在那里,密密麻麻。往往我需要的功能都在別人家的監控系統里,手動無奈,罷了,怎么才能擁有一個私人定制的前端監控系統呢?做一個自帶前端監控系統的前端工程獅是一種怎樣的體驗呢?

 

  這是搭建前端監控系統的第二章,主要是講如何對js錯誤進行監控,跟着我一步步做,你也能搭建出一個屬於自己的前端監控系統。

  如果感覺有幫助,或者有興趣,請關注 or Star Me 。

  ============================================================================

  由 www.webfunny.cn 前端監控提供只需要簡單幾步就可以搭建一套屬於自己的前端監控系統,快來試試吧 ^ _ ^

  ============================================================================

  前端監控功能主要包含:  JS錯誤日志監控分析、靜態資源請求報錯統計、用戶行為檢索、接口請求報錯統計、HTML加載性能分析、PVUV日志分析

   好了,現在開始,按照上邊的順序,一步一步搭建前端監控系統。工欲善其事,必先利其器。一個監控系統開發,需要開發環境,部署環境,以及各種開發工具來提高開發效率,那么就先從部署阿里雲服務器來說吧,阿里雲服務器的部署過程比較漫長,可能不是一天兩天能搞得定的,需要有耐心。進入正題。

一、購買阿里雲服務器(本地部署類似)

  對於之前沒有搞過服務器的前端來說,折騰一個能運行的服務器,還真是費了不少周折。

  服務器類型: 入門級(共享) 2vCPU 4GB內存 帶寬2M(個人建議2vCpu 2GB內存足矣)

  安裝運行環境:

  1. 系統: Ubuntu 16 64位 硬盤40G (默認)
  2. 安裝 nvm安裝使用教程 , 運行前端項目可能會需要切換node版本,建議提前安裝。
  3. 安裝 PM2安裝使用教程, 運行node服務應該都知道這個,它是個node服務進程管理器。
  4. 安裝 JDK(Java運行環境),安裝tomcat, 並配置環境變量,這個網上教程一大堆。
  5. 安裝 Jenkins安裝教程,下載 Jenkins 的war包,在tomcat下運行, 搭建自動化部署系統。 工欲善其事必先利其器,因為會頻繁的發布版本,所以這個建議先安裝好。
  6. 安裝 Mysql數據庫安裝教程, 存儲數據日志,用於以后的分析。
  7. 安裝 Nginx安裝教程,nginx服務器用來做轉發,反向代理,以及跨域處理等等。

二、阿里雲購買域名

  購買阿里雲服務器之后,就獲得了這個服務器對外的公網IP,通過這個IP和端口,我們就可以訪問這台服務器上的服務。 可是無論上傳還是訪問,總是通過ip有點太不專業了,為了安全,而且很多網站是禁止ip直接訪問的,所以,我們需要有一個域名。

  申請域名:

  這個在阿里雲上操作很簡單,當然越好的域名就越貴。這里邊有一點需要注意,以后有可能給這個域名購買https證書,阿里雲上的審核比較嚴格,有些是無法審核通過的,所以可以先嘗試買一個簡單的,測試一下,省得花冤枉錢。

  域名需要經過購買,備案,准備資料,上傳資料,審核,一系列步驟之后,才可以真正使用(步驟繁瑣,建議要有耐心)。

  域名審核通過后,配置DNS解析,就可以通過域名訪問我們的服務器了。

三、購買CA證書或者說是HTTPS證書

  現在很多網站都是走HTTPS安全協議,如果我們的服務器不支持安全協議,那么日志是無法被上傳到我們的服務器上的。所以我們也需要給我們的服務器配置安全證書。

  有多種方式獲取證書,有免費的,有收費的,我用的是阿里雲上免費一年的。

   PS: https證書可能也需要折騰一些時間,需要有耐心。

  這樣,我們的阿里雲服務器部署環境就算搭建完成了,可以開始寫前端日志的監控代碼了。

  下一章:搭建前端監控系統(二)JS錯誤監控篇

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM