馬克的技術旅程

Line 點餐系統 (Eatsy) 系統架構紀錄說到點餐系統開發，這次的專案算是做了一次徹底的「大換血」。我們決定拋棄過去的歷史包袱，改採微服務與前後端分離的現代化設計架構，把系統乾淨俐落地解耦為「對外服務的前台 Web App」、「內部管理的後台系統」，以及「核心後端 API 服務」。 透過這樣清晰的邊界劃分，讓不同的服務能各自選擇最適合的技術棧與部署環境，這陣子維護起來真的覺得清爽多了！這篇就簡單紀錄一下這次架構升級的心得與各項技術決策。 架構總覽 graph TD %% 角色定義 User((終端使用者)) Admin((系統管理員)) %% 前台與後台 subgraph Frontend [前端應用層] direction TB WebApp[前台 Web / LINE LIFF<br/>Next.js 16] AdminUI[後台管理系統<br/>Vue 3 + Vite] end %% API...

前言2022 年 12 月開發的 Line 點餐系統，當時的技術架構為： Server：.NET 6 + Razor Pages + SQL Server Client：Bootstrap 5 + Vue.js Admin：Vite + Vue 3 (純前端) 直到 2025 年，該系統僅供特定的 2~3 家店家使用，且未對外開放其他店家使用。 近期因閒暇時間較多，加上 AI 開發工具崛起，決定對系統進行大改重構，完善功能，目標是將系統對外開放運營，並提供引導式設定讓店家可以在後台快速上手。 重構重點準備在原有的基礎上，優化底層架構並增加店家後台功能。 技術換血預計汰除原有的 Razor Pages + Vue.js，改用全現代化前端架構： Framework: Next.js Language: TypeScript Style: Tailwind CSS 功能升級 全面支援 RWD 響應式設計 優化店家 SEO 新增「自取外帶」與「店內用餐」模式 使用者上傳菜單照片，透過AI解析匯入系統 一鍵發布圖文選單到Line官方帳號 出單機串接提示 購物車狀態同步優化...

個人開發者的敏捷團隊困境在現代軟體工程領域中，敏捷開發已經成為主流的工作模式。然而，建立一個完整的敏捷團隊往往需要產品經理、系統架構師、程式開發者、品質保證專家、使用者體驗設計師等多種專業角色。對於獨立開發者或小型團隊而言，這樣的人力配置往往是不切實際的。 直到 BMAD-METHOD 方法論的發展，這個困境才得到了根本性的改變。 適用場景：誰需要 BMAD-METHOD 框架？ 獨立開發人員：希望單獨完成完整專案的工程師 小型團隊：需要彌補技能短板的新創企業 快速原型化：需要迅速驗證產品想法的創新專案 技能學習者：希望透過人工智慧代理學習不同角色工作方式的學習者 BMAD-METHOD：突破性的人工智慧敏捷開發架構BMAD-METHOD（Breakthrough Method of Agile AI-Driven Development）代表了一種創新的人工智慧代理編排系統，其基本概念是運用專門的人工智慧代理來模擬完整的敏捷開發團隊，使個人能夠擁有整個團隊的協作能力。 單人 Scrum...

佈署CapRover一鍵安裝Apps / Database以下是官方的 Demo 頁面，密碼是 captain42。登入後，前往 Apps 頁面，可以看到官方預設建立好的幾個應用程式，且不同程式語言。由此可知只要把你的程式打包成 Docker，就能部署到 CapRover。 官方Demo密碼是 captain42 demo-nodejs demo-php redirect-test wordpress-db wordpress-wordpress 在此頁面點選按鈕**[One-Click Apps/Databases]，內有許多可以一鍵安裝的服務，比如說想要安裝資料庫，搜尋sql出現各種各種資料庫服務，MsSql、MySql、PostgreSQL、MongoDb等等主流資料庫，用內建的一鍵安裝可以非常輕鬆的就可以建立一個服務。可以看看有沒有適合的服務可以安裝，如果沒有，也可以後續安裝dockerhub的服務。 記錄一下 Redis 安裝過程 建立app，輸入app name，勾選Has Persistent Data。 進入頁籤 App...

初探CapRover & 安裝紀錄為什麼會用CapRover在尋找適合 .NET 專案的部署主機時，我意外發現了 CapRover。這工具就像是意外的驚喜，讓我在 Docker 的世界裡找到了一個簡單的安裝環境。以下是一些讓我覺得不錯的特色： GUI方便管理：不再需要跟終端機死磕，圖形介面讓管理變得輕鬆愉快。 Docker Swarm：讓你感覺自己在駕馭一個小型船隊，而不是孤單的船隻。 自動SSL憑證（Let’s Encrypt）：再也不用擔心憑證過期，這功能讓人省心不少。 反向代理功能：自動處理流量，讓你專注於更重要的事情。 CLI 部署：對於喜歡命令行的人來說，這也是必備的。 CapRover架構CapRover 的架構就像一個多層防護系統。首先，流量進入系統後會先經過 Nginx 反向代理，這就像是門口的保全，確保所有流量都被正確地引導到相應的容器。 簡易安裝說明建議使用 Ubuntu 22.04 和 Docker 19.03，至少 1GB RAM。 設定防火牆某些伺服器提供者有嚴格的防火牆設定。要在 Ubuntu 上停用防火牆： 12ufw allow...

這個部落格主要用來記錄技術相關的內容，這次也順便記錄一下安裝 Hexo 的過程。很多人會直接部署到 GitHub Pages，但我不太喜歡，因為需要把repositories公開。為了避免這個問題，我們使用 GitHub 進行 Hexo 的版控，並設定 Vercel 自動監測repositories分支。當 master 分支有更新時，Vercel 會自動構建靜態網頁並部署，這樣就能在不公開repositories的情況下使用免費空間。 至於圖片上傳，我們選擇了 PicList 搭配 Cloudflare R2。PicList 是個免費工具，用起來挺方便，而 R2 是 Cloudflare 提供的物件儲存服務，低用量的情況基本免費，正好解決了圖片管理的麻煩事。這樣的組合讓整個流程更加流暢，不用再為圖片存放而頭疼。 安裝平台 版控：GitHub 部屬：Vercel 免費靜態網頁平台，分支進master後，自動從GitHub部屬 圖片平台：Cloudflare R2 圖片上傳工具：PicList 購買網域：namecheap Hexo簡介好吧，來聊聊...