把網路隔離啊
工作用台式機，連區域網，不能上公網
把usb封了，刻錄光碟機卸了
很多軟體公司都是這樣的
還得在交換機設置，識別mac
禁止外來電腦發起的連接
② 從0到1，Vue大牛的前端搭建——異常監控系統（下篇來啦）
在本篇文章中，我們將深入探討異常如何進行上報和分析。首先，異常上報的方式通常採用動態創建標簽方法。這種技術無需載入任何通訊庫，且頁面無需刷新，類似於網路統計和Google統計的埋點機制。動態創建一個img標簽，瀏覽器即會向伺服器發送get請求，將需要上報的錯誤數據通過querystring字元串形式傳輸至伺服器。
除了動態創建標簽方式，我們也可以選擇使用Ajax上報錯誤。上報數據時，核心信息是錯誤棧，它包含了錯誤發生的位置（行號、列號）和錯誤信息，對於定位錯誤至關重要。在上報前，需將對象序列化為字元串，並進一步轉換為Base64格式，以便於在網路通信中傳輸。後端則需執行反向操作，將Base64字元串轉換回JSON對象，進行錯誤的接收和處理。
在項目開發中，使用Vue3.0新語法，從源碼層面分析Vue3.0的響應式vDOM架構，僅需三天時間即可實現項目開發。異常上報後，需要建立一個後端服務進行接收和處理。以流行框架eggjs為例，我們可以搭建eggis工程，編寫error上傳介面。通過在app/router.js中添加路由和在對應的controller中實現錯誤數據的接收和記錄，例如使用fs寫入日誌文件或藉助log4js等成熟的日誌庫進行日誌記錄。
進一步，可以利用Webpack插件實現sourcemap的上傳，以實現混淆壓縮代碼的還原。創建Webpack插件並載入插件配置，通過讀取sourcemap文件邏輯，將sourcemap上傳至伺服器。此外，可以使用source-map插件簡化此過程，進一步優化代碼還原效率。
對於異常分析，一個關鍵步驟是解析錯誤棧。考慮到此功能的實現涉及較多邏輯，將其開發為獨立函數，並使用Jest進行單元測試。首先搭建Jest框架，創建stackparser.js文件和測試文件stackparser.spec.js。通過Jest，可以實現對錯誤棧的解析和代碼位置轉換為源碼位置的功能。運行測試後，實現解析方法，最終將源碼位置記入日誌，以實現錯誤分析的可視化。
在異常監控系統中，可以考慮使用Fundebug或Sentry兩種開源框架，以實現更全面的錯誤監控與管理。Fundebug專注於多種線上應用的實時BUG監控，而Sentry則是一個開源的實時錯誤追蹤系統，支持多種語言和框架，提供與其他流行服務的集成方案，如GitHub、GitLab等。在項目管理中，逐步引入Sentry進行錯誤日誌管理，可以提升問題修復效率和用戶體驗。
總結而言，通過本篇文章的介紹，我們構建了一個異常監控系統的MVP（最小化可行產品），包括異常上報、後端接收處理、錯誤日誌記錄以及異常分析等功能。未來，可以進一步升級錯誤日誌分析與可視化，採用ELK等工具，實現更高效的錯誤管理。發布和部署階段，可以考慮使用Docker等容器技術，提高項目的部署效率。最後，如果在開發過程中遇到任何問題，歡迎在評論區留言，我會及時回復，共同推動項目進展。
③ 哪裡有監控網站的免費源代碼
哈哈 上W元RMB的源代碼 你想找免費的？