騰訊雲Badjs鏡像使用入門

 

版權聲明：本文由王少飛  原創文章，轉載請註明出處: 
文章原文連接：https://www.qcloud.com/community/article/498929001487125840

來源：騰雲閣 https://www.qcloud.com/community

 

 

「Badjs前端腳本錯誤監控及跟蹤解決方案」 能夠有效的提高web前端業務質量，但部署和使用都有必定的門檻。如今咱們把這個服務製做成了騰訊雲鏡像，使接入和使用都很方便，不用考慮申請硬件資源以及服務的安裝部署等複雜工做。

Badjs前端腳本錯誤監控及跟蹤解決方案有以下優點

• 一站式體系化解決方案：業務只須要簡單的配置，引入上報文件，便可實現腳本錯誤上報，每日統計郵件跟蹤方便。

• 可視化查詢系統，快速定位錯誤信息：web應用程序腳本數量龐大，開發人員在如此之多的腳本中定位某個問題變得困難。BadJS可以巧妙定位錯誤腳本代碼，進行反饋。經過各類查詢條件，快速找到詳細錯誤日誌。

• 跨域、Script Error等棘手問題再也不是難題：tryjs幫你發現一切。

• 真實用戶體驗監控與分析：經過瀏覽器端真實用戶行爲與體驗數據監控，爲您提供JavaScript、AJAX請求錯誤診斷和頁面加載深度分析幫助開發人員深刻定位每個問題細節。即便沒有用戶投訴，依然能發現隱蔽bug，主動提高用戶體驗。

• 用戶行爲分析：細粒度追蹤真實的用戶行爲操做及流程，前端崩潰、加載緩慢及錯誤問題，可關聯到後端進行深度診斷。
  產品質量的保障：瀏覽器百花齊放，用戶環境複雜，巨大的差別致使開發人員難以重現用戶遇到的問題。沒法像後臺同樣上報全部用戶操做日誌。經過BadJS，上報用戶端腳本錯誤，爲產品質量保駕護航。

更詳細的請查看 https://github.com/BetterJS/doc

騰訊雲Badjs鏡像使用說明

1. 直接點擊 badjs鏡像 鏈接進入鏡像詳情頁，或在騰訊雲服務市場中搜索 「Badjs前端腳本錯誤監控及跟蹤解決方案」， 進入badjs鏡像詳情頁
   

2. 點擊「當即使用」進入「雲服務器CVM」購買頁面，這裏對機型的要求是內存不低於2G（因爲系統須要安裝nodejs，mysql，mongodb，git若是系統內存小於2G，會致使mysql服務啓動不起來），硬盤大小不小於50G（PV 越大 須要的硬盤越大每2條上報大小大體佔用硬盤是 1k ，因此每增長 100W 條上報， 就要增長硬盤 500M）
   

3. 鏡像選擇已經選好了「Badjs前端腳本錯誤監控及跟蹤解決方案 v1.0」，這裏能夠直接進入下一步

1. 選擇完存儲和網絡，設置相關必要信息好比密碼等，最後點擊「開通」
   

2. 點擊「開通」後將進入「雲主機建立」頁面，這裏主機建立須要1-2分鐘
   

3. 建立完成後會獲得ip地址，如圖
   

若是是已有云服務器的能夠選擇badjs鏡像重裝系統

1.選擇重裝系統

2.選擇badjs鏡像

重裝完成後ip地址不變

Badjs系統如何使用

1.首先訪問服務器的8081端口（http://服務器ip:8081/）， 進入幫助頁面

2.點擊「個人業務」，登陸管理員，初始用戶名和密碼是：admin/admin（登陸進管理頁面能夠修改密碼），登陸進去後點擊頂部菜單「申請接入」，進入 「新業務申請」 頁面

3.填寫完相關信息點擊「申請」按鈕， 到「項目申請列表」頁面審覈經過後，這個業務就能夠正常使用了。
能夠先進行簡單的測試看系統是否正常，按照（https://github.com/BetterJS/badjs-report ） 項目的指引測試下

管理頁面右側爲展現、搜索條件：

每一個條件解釋以下：

1.點擊每一個字段能夠開啓或關閉相關列

2.選擇要查看的業務

3.選擇消息類型，點擊能夠開啓或關閉

4.查找日誌的起始和終止時間

5.過濾包含或排除的關鍵字

配置郵件訂閱

當前版本配置郵件訂閱功能步須要部署完整版單機部署

1. 登陸到服務器，殺掉當前node進行
2. 拉取全量代碼 git clone https://github.com/BetterJS/badjs-installer.git
3. 進入到badjs-installer的目錄，運行 npm run clone ，拉取各個模塊
4. 運行npm run install ,安裝依賴，這個步驟很容易出現問題 ，對於新用戶建議進入各個模塊進行npm install
5. phantomjs 安裝不成功，請查看 #8
6. 進入badjs-web/db ，將裏面的 create.sql 導入到 mysql中
7. 運行 npm run start ，啓動各個模塊
8. 訪問 http://服務器ip:8081/index.html ，進入頁面肯定啓動成功。
   具體能夠參考 單機部署郵件配置參考

訂閱郵件效果展現

以下圖badjs日報郵件，包含最近一個月的badjs量趨勢，以及當天badjs錯誤有哪些類型

以上是badjs騰訊雲鏡像的使用，以及badjs系統的簡單介紹，最後附上github地址：

https://github.com/BetterJS/