最近想用新的方式,Vue來開發網頁程序。
有個需求要開發本地端網頁,在這之前的開發網站設計,我都使用flutter。
一來可以共用很多與手機端APP的API和設計元素,從建構到完成很快。
但是也有些許缺點。
在本地端的使用需要先聯網才能找字型開啟的需求。
如果每次架設都需要這樣可苦了。
之前在產線試做的WIP系統,就常常因為開不起來,字型跑掉而詬病。
他的開不起來是系統會白色網頁一片。
必須先讓他連外網以後再連內網。
可是公司內部區域網路是不准聯外的,當時溝通了很久資訊部門才同意讓我以測試的名義先暫時開啟然後關閉。
隨著產線的階段性任務完成,原本的flutter web網頁我打算讓它功成身退。
同樣的頁面設計和功能,重新用VUE的架構來完成。
這個本來也就是今年我們想要實現的新技術引入,為了本地無網路的WEB端,必須找一個可以自由客製化,更好介接API且方便更改的介面。
VUE是我在外出差的時候,看到人家設計內部網路通訊與顯示的一個範例。
模板上能出報表,能出簡易的圖表。能夠使用Dashboard,引用API方式也很簡單,語法相近HTML+NODE JS。
網路上GITHUB有很多人家設計好的模板,一行npm指令就能啟用。
跟我們目前已經實作的技術很吻合。
這兩天就特別用原本在樹莓派開發的後端python程序搭配CANBUS通訊,寫出API。
然後在試著先寫完一頁式網站,即時顯示訊息和圖表。
測試的效果極佳,資源耗損又少,重要的是解決了不用聯外網的需求。
只要docker布建完成以後,開機隨啟用。
這下台南的案子看來有著落,可以趕快去布建了!


















