<tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
    <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
    <em id="fuft6"><acronym id="fuft6"></acronym></em>
          <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>
          首頁教研故事正文

          “4個月閉門不出”febo監控系統研發故事

          更新時間:2020-07-11 來源:黑馬程序員 瀏覽量:

          故事中的主角:廣州校區前端“febo前端監控系統”架構師朱老師

          研發背景

          怎樣定位前端線上問題,一直以來,都是很頭疼的問題,因為它發生于用戶的一系列操作之后。錯誤的原因可能源于機型,網絡環境,復雜的操作行為等等,在我們想要去解決的時候很難復現出來,自然也就無法解決。Febo是一款針對前后端分離項目中前端部分進行異常、性能以及用戶行為的,輕量的,站在前端技術角度的前端監控解決方案。

          技術調研,汲取大廠的成功經驗

          業務存在痛點,但是如何提出一套合適的解決方案去解決現實業務遇到痛點。是febo監控系統研發首先遇到一個問題。為此,朱老師老師積極參加阿里組織的前端監控技術分享會活動,在會上聽取了來自釘釘、政采云、1688、螞蟻金服、貝貝、宋小菜等眾多一線大廠技術專家介紹各自監控方案;同時積極調研前端監控的業務特點;最后在了解一線大廠各自的解決方案之后朱老師結合咱們的學科特點以及自身近10年的前端工作經驗逐漸設計出一套具有前端學科特點的前端監控技術解決方案架構。

          “febo前端監控系統”架構師朱老師


          立項評審,與會評審老師高度認可

          今年突如其來的疫情讓我們的課堂從線下搬到了線上,讓我們的老師和學生也體驗一把線上直播上課模式。在線上上課模式趨于穩定的3月份也迎來了febo立項評審會議。會上朱老師老師向與會評審老師們介紹了一套純前端技術棧并引入插件機制的前端監控架構解決方案。這套純前端技術解決方案涵蓋了前端領域大部分的技術領域的同時通過引入插件機制保持了febo監控的核心盡可能的聚焦但是又提供了用戶方的可擴展性。在聽取了febo監控獨特的技術架構之后評審老師積極點評高度認可了febo的架構設計同時也提出了不少非常有建設性的意見建議。

          技術攻關,研發工作有序快速進行

          Febo立項取得了研究院各位老師的高度評價,接下來就是快速推進febo監控的研發落地工作。朱老師老師在立項完成以后取得家人支持的情況下,在整個4月份閉門不出,潛心進行研發工作的開展。終于在4月底前研發出了febo監控的原型子系統,并在5月初由廣州校區前端研發中心召集的febo研發資源協調會上向與會的校區學科主管、研發老師、研究院老師、產品經理老師、美工UI老師實際演示了febo的原型子系統。使得相關老師對febo監控的落地有了更具體的時間規劃和后續的工作排期,進一步加快febo監控的研發工作推進。

          febo前端監控系統01

          各方溝通協調通暢,febo研發有序進行

          在資源協調會之后,febo監控研發工作進入快車道。目前系統產品功能設計以及UI視覺設計圖均已經到位并根據項目推進過程進行不斷的優化。研發分工也已經明確進行良好的進度把控。Febo這個名字也蘊涵著豐富的含義,首先fe代表著前端學科,bo既可以理解為物理學上的“波”表示febo監控系統的精準監控特性。也可以理解為是代表傳智播客,我們最終的愿景是把febo監控未來推動成為一個明星的開源項目。為傳智播客在開源領域有一張新的名片。

          febo前端監控系統02

          在線咨詢 我要報名
          和我們在線交談!

          黄色网站片

          <tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
            <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
            <em id="fuft6"><acronym id="fuft6"></acronym></em>
                  <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>