Play video
Pause video

長安藥局
預約系統

LINE LIFF 預約領藥平台

2025

長安藥局 預約系統截圖
Scroll
專案類型 預約系統
開發時間 2025 年
主要技術 Astro, Laravel, GraphQL
整合平台 LINE LIFF

專案概述

長安藥局希望提供民眾一個便捷的線上預約領藥服務。透過 LINE 官方帳號,民眾加入好友後即可直接在 LINE 內完成預約,無需額外下載任何 APP。

本專案以 LINE LIFF 為用戶端入口,民眾在 LINE 中開啟預約表單,填寫個人資料、選擇醫療院所、指定領藥日期,並可拍攝或上傳處方箋照片。系統會自動取得 LINE 用戶資訊,免去繁瑣的註冊流程。

後端採用 Laravel + GraphQL 架構,前端以 Astro + Vue 3 建構。管理後台以 Filament 打造,讓藥局人員可即時查看預約訂單、管理醫療院所與用戶資料。

50+ 支援科別
LIFF LINE 內預約
10MB 處方箋上傳

核心功能

01

LINE LIFF 預約表單

整合 LINE Front-end Framework,民眾加入藥局 LINE 好友後,即可在 LINE 內開啟預約頁面,填寫姓名、電話、生日、預約日期並上傳處方箋照片,一站完成預約

02

LINE Login 身份綁定

透過 LINE Login 自動取得用戶身份,免去繁瑣的註冊與登入流程。系統自動綁定 LINE 帳號與預約資料,回訪時無需重複填寫個人資訊

03

LINE 訊息通知

串接 LINE Message API,預約成功後系統自動發送確認通知給民眾,包含預約日期、藥局資訊等明細。藥師備藥完成後亦可主動推播通知,讓民眾即時掌握領藥進度

04

GraphQL API 架構

前後端透過 GraphQL 進行資料交換,支援醫療院所搜尋、預約建立、LINE 用戶同步等功能,精確取得所需欄位,提升行動裝置載入效率

05

處方箋照片上傳

預約表單支援相機拍攝或相簿選擇,民眾可直接上傳處方箋照片(JPG/PNG,最大 10MB),系統自動存入後台供藥師確認

06

Filament 管理後台

以 Filament 建構完整後台,管理預約訂單、醫療院所資料、LINE 用戶綁定、科別設定等,支援藥局日常營運需求

技術細節

LINE LIFF 預約入口

LINE LIFF 作為用戶端入口,民眾加入藥局 LINE 好友後即可在 LINE 內開啟預約網頁,無需額外下載 APP 或另行註冊帳號。

LINE Login 與 Message API

透過 LINE Login 自動取得用戶身份並綁定帳號,回訪免重複填寫。同時串接 LINE Message API,在預約成功、藥師備藥完成等關鍵節點,自動發送 LINE 訊息通知民眾,即時掌握預約與領藥進度。

GraphQL API 設計

前後端透過 GraphQL 進行所有資料交換,包含醫療院所查詢(支援關鍵字搜尋)、預約建立(含檔案上傳)、LINE 用戶同步等。GraphQL 的 multipart request 規格支援處方箋照片上傳。

預約表單設計

表單欄位包含醫療院所、姓名、電話、生日(民國年月日)、預約領藥日期、處方箋照片,每個欄位都有即時驗證。支援字體大小調整(A-/A/A+)提升無障礙體驗,並內建完整的個資收集告知聲明與隱私權政策。

Filament 管理後台

後台以 Filament 建構,支援預約訂單管理、醫療院所資料維護(含匯入功能)、LINE 用戶管理、科別設定(50+ 科別對應健保代碼)、活動日誌追蹤等功能。

使用技術

Backend

  • Laravel Framework
  • GraphQL API
  • Filament 管理後台

Frontend

  • Astro 5 SSR
  • Vue 3 互動元件
  • TailwindCSS 樣式

LINE 整合

  • LIFF 預約介面
  • LINE Login 身份綁定
  • Message API 訊息通知
  • Webhook 事件處理

醫療功能

  • 醫療院所搜尋
  • 50+ 科別分類
  • 處方箋照片上傳
  • 個資隱私合規

CONTACT US

有類似需求?讓我們聊聊

不論是預約系統、LINE 整合或醫療健康相關平台,我們都能為您量身打造解決方案。

聯繫我們