1. 首頁
  2. 作品案例
  3. 東元電機 智慧能源 App 與產品資訊後台
APP電機製造2026.09

東元電機 智慧能源 App 與產品資訊後台

接手原廠商做的產品資訊 App:原本沒有後台、改資料要進資料庫、部分內容要改程式才能發佈。崴米先做 Laravel 後台讓行政客服自己上架,再以 Flutter 重寫 App 上架雙平台;2024 年起持續開發,後台與 App 合計超過 500 次程式更新,3.0 版製作中。

客戶:東元電機

服務:App 開發(Flutter)、舊系統接手與後台化、長期維護、Laravel + Vue 後台、三語系內容、雙平台上架

東元電機 智慧能源 App 與產品資訊後台
2024 年
合作起始
500+ 次
程式更新
5,000+ 筆
規格資料
800+ 份
文件

客戶背景

東元電機原本就有一支產品資訊 App,由原廠商開發:型錄、規格、認證、電工尺這些內容都在裡面,但沒有後台——資訊要上架或更新,行政客服得自己開 phpMyAdmin 改資料庫,有些內容甚至要改程式才能發佈;東元後來想加的功能,舊架構也整合不進去。2024 年 3 月崴米接手這支 App 與背後的資料。

遇到的問題

先要解決的不是畫面,是「誰能改資料」:低壓開關近五千筆規格、發電機組兩百多筆,還有直接啟動、降壓啟動等系列,每筆有型錄、認證、外型尺寸、使用說明書等多種文件,三種語系都要維護,這些不能再靠資料庫工具與工程師。接著才是 App 本身:舊版功能與資料結構要整理,重寫時不能讓上架中的 App 斷掉;東元陸續提出的維修申請、會員機組等新需求,也要有地方接。

我們怎麼做

第一步是後台化:以 Laravel 與 Vue 建立產品資訊後台,規格資料庫支援 Excel 整批匯入匯出,型錄、技術資料、說明書、認證由後台上傳分類,最新消息、產品 Q&A、影片、首頁輪播、相關連結各有模組並採主表加翻譯表的三語系結構——行政客服自己上架,不必再進資料庫、也不必等改程式。

第二步以 Flutter 重寫 App,一套程式碼同時上架 App Store 與 Google Play:四大產品線點進去就是型號清單,每個型號有規格、型錄、外型尺寸、認證與說明書;規格快篩依分類、系列或輸出容量、引擎廠牌、產地三層篩選;線上報價選品牌與分類直接接報價系統;電工尺與認證證書隨手可查;繁中、簡中、英文依手機語言切換。App 端與後台走同一套 API,內容改了 App 打開就是最新版,不必重新上架。

這套系統不是做完就結束:2024 年 3 月接手至今,後台與 App 合計超過 500 次程式更新,規格、文件、報價分類隨東元的產品線一起調整;3.0 版(發電機維修申請、會員機組登錄、案件推播)製作中,後台已先行到位,報價分類與品項資料也成了後來 AI 標單報價的地基。

完成成果

App 已上架 App Store 與 Google Play,後台由東元行政客服日常使用,持續維護中;作品畫面為上架中的版本,後台畫面做模糊處理,3.0 版畫面待完成後再公開。

作品畫面

準備好讓你的網站為你帶來更多客戶了嗎?

免費諮詢,專人與您討論需求與建議方案!