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

　　怎樣定位前端線上問題，一直以來，都是很頭疼的問題，由於它發生於用戶的一系列操做以後。錯誤的緣由可能源於機型，網絡環境，接口請求，複雜的操做行爲等等，在咱們想要去解決的時候很難復現出來，天然也就沒法解決。 固然，這些問題並不是不能克服，讓咱們來一塊兒看看如何去監控並定位線上的問題吧。 

 

　　背景：市面上的前端監控系統有不少，功能齊全，種類繁多，無論你用或是不用，它都在那裏，密密麻麻。每每我須要的功能都在別人家的監控系統裏，手動無奈，罷了，怎麼才能擁有一個私人定製的前端監控系統呢？作一個自帶前端監控系統的前端工程獅是一種怎樣的體驗呢？

 

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

　　若是感受有幫助，或者有興趣，請關注 or Star Me 。

 

　　請移步線上： 前端監控系統  

 

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

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

1、購買阿里雲服務器（本地部署相似）

　　對於以前沒有搞過服務器的前端來講，折騰一個能運行的服務器，還真是費了很多周折。

　　服務器類型： 入門級（共享） 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服務器用來作轉發，反向代理，以及跨域處理等等。

2、阿里雲購買域名

　　購買阿里雲服務器以後，就得到了這個服務器對外的公網IP，經過這個IP和端口，咱們就能夠訪問這臺服務器上的服務。 但是不管上傳仍是訪問，老是經過ip有點太不專業了，爲了安全，並且不少網站是禁止ip直接訪問的，因此，咱們須要有一個域名。

　　申請域名：

　　這個在阿里雲上操做很簡單，固然越好的域名就越貴。這裏邊有一點須要注意，之後有可能給這個域名購買https證書，阿里雲上的審覈比較嚴格，有些是沒法審覈經過的，因此能夠先嚐試買一個簡單的，測試一下，免得花冤枉錢。

　　域名須要通過購買，備案，準備資料，上傳資料，審覈，一系列步驟以後，才能夠真正使用（步驟繁瑣，建議要有耐心）。

　　域名審覈經過後，配置DNS解析，就能夠經過域名訪問咱們的服務器了。

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

　　如今不少網站都是走HTTPS安全協議，若是咱們的服務器不支持安全協議，那麼日誌是沒法被上傳到咱們的服務器上的。因此咱們也須要給咱們的服務器配置安全證書。

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

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

　　這樣，咱們的阿里雲服務器部署環境就算搭建完成了，能夠開始寫前端日誌的監控代碼了。

　　下一章：搭建前端監控系統（二）JS錯誤監控篇