Play video
Pause video

產業社群
整合平台

媒合・商城・課程・社群,一站整合

Web + App

產業社群整合平台示意畫面
Scroll
專案類型多功能整合平台
服務對象單一產業的從業人員與機構
主要技術Astro, Laravel, Flutter
平台Web + iOS + Android

專案概述

這是一個為單一專業產業打造的整合型平台。業主希望讓這個圈子裡的從業人員與機構,在同一個地方就能找人才、買東西、上課進修、跟同業交流,而不是分散在好幾個網站和群組裡。

我們把它拆成五大模組——身份驗證、人才媒合、多賣家商城、課程學習、社群互動——但底層共用同一套會員、金流、即時通訊與管理後台。使用者只要一個帳號,網頁和手機 App 都能用。

前端網頁以 Astro + Vue 3 建構,行動 App 以 Flutter 開發(iOS + Android),後端採用 Laravel 提供 API,管理後台以 Filament 打造,平台上線後持續分階段擴充。

3 端Web・iOS・Android
5 大核心業務模組
1 套共用帳號、金流與後台

平台架構

不同身份的使用者,從網頁或 App 用同一個帳號登入,先通過身份驗證,再進到四大模組;模組之間互相導流,底下共用同一套帳號、金流、即時通訊與管理後台。

使用者身份驗證業務模組共用底層虛線=共用/導流
誰在用從哪進來先過驗證四大業務模組專業人員求職・進修・交流機構徵才・開課・販售一般會員瀏覽・購物Web 網站iOS AppAndroid App同一個帳號登入身份驗證依身份多階段審核通過才解鎖專業功能人才媒合類 104 模式・履歷 × 職缺多賣家商城類蝦皮模式・會員自己開店課程學習客製開發・報名・簽到・測驗社群互動類 Dcard 模式・分看板討論⇄ 互相導流底下共用一套SHARED一個帳號一套金流即時通訊管理後台(審核・權限)平台營運方審核・上架・客服

核心功能

01

會員與專業身份驗證

一般會員、專業人員、機構等多種身份,各自走不同的驗證流程;驗證通過前,部分功能會被鎖住,確保平台上的互動對象是真的同業

02

人才媒合(類 104 模式)

跟 104 人力銀行一樣,求職端建立履歷、搜尋與應徵職缺;機構端開設公司頁、刊登職缺、篩選人才、邀約面談。兩端看到的是同一個平台的不同介面

03

多賣家商城(類蝦皮模式)

跟蝦皮一樣,會員可以自己開店上架、管理訂單;買家在站內直接問賣家、下單後給評價。平台統一處理金流、宅配與超商取貨、電子發票與退換貨

04

課程學習(客製開發)

不套用現成的線上課程平台,而是依業主實際的開課方式從零客製:講師端管理課程內容,學員端報名繳費、到場掃碼簽到、課後測驗與評價

05

社群論壇(類 Dcard 模式)

跟 Dcard 一樣分看板討論,可以發文、留言、按讚、收藏與檢舉,也能自組群組經營;再加上 WebSocket 即時聊天,讓買賣、求職、交流都能在站內直接對話

06

原生 App + 審核後台

Flutter 雙平台 App 與網頁共用同一套 API;管理後台集中處理身份、內容與交易的各類審核

技術重點

一套 API,同時服務網頁與 App

網頁(Astro SSR + Vue 3)與 Flutter App 共用同一組 Laravel API。網頁版以伺服器端渲染兼顧 SEO 與首屏速度,只有需要互動的區塊才載入 JavaScript;App 則專注在通知、掃碼、拍照上傳這些手機才做得好的事。

多身份、多階段驗證

平台上同時有個人、專業人員與機構等不同身份,每種身份能看到、能操作的功能都不一樣。驗證採多階段審核,尚未通過的帳號會被限制在特定範圍內,避免平台被非目標使用者灌水。

交易流程以狀態機控管

商城採類似蝦皮的多賣家模式:每位賣家有自己的商店與訂單後台,平台在中間代收款項、串接物流,買賣雙方的對話與評價都留在站內。商城與課程訂單各自以狀態機管理付款、出貨、退換貨等流程,每一步只能往合法的下一步走。串接綠界 ECPay 金流、超商物流與電子發票,付款結果一律以後端驗證後的回傳為準。

站內即時訊息

以 WebSocket 建置即時聊天,並用 Redis 快取加速讀取。同一套聊天室機制套用在商品詢問、求職溝通與社群私訊等多個場景,不用每個模組各做一次。

內容審核與影像過濾

使用者上傳的圖片先經雲端影像辨識自動過濾不當內容,再進入後台人工審核。身份、履歷、退換貨、檢舉等各類審核集中在同一個後台處理,並完整保留操作紀錄。

權限分明的管理後台

以 Filament 打造管理後台,涵蓋商城、媒合、課程、內容與社群管理,並以角色權限(RBAC)區分不同管理員能看到的範圍,讓營運團隊分工處理。

使用技術

Backend

  • Laravel / PHP
  • JWT 認證
  • Filament 管理後台
  • Redis 快取 & 佇列

Web Frontend

  • Astro SSR
  • Vue 3 互動元件
  • TailwindCSS

Mobile App

  • Flutter(iOS + Android)
  • 社群帳號登入
  • QR Code 掃描簽到

整合服務

  • ECPay 金流 & 物流
  • WebSocket 即時通訊
  • 雲端影像辨識
  • 雲端檔案儲存

常見問題

為什麼要把媒合、商城、課程、社群整合在同一個平台,而不是分開做?

同一個產業的人,需求通常是連在一起的:找工作、進修、採購、跟同業交流。拆成四套系統,帳號、金流、通知都要各串一次,使用者也得來回切換。整合成一個平台後,共用同一套會員、金流、即時通訊與後台,開發與維運成本反而更低,各模組之間也能互相導流。

這種規模的多功能平台,開發大概要多久?

包含 Web + iOS/Android 雙平台、金流與即時通訊整合的系統,初版上線通常需要 4–6 個月;上線後再依使用狀況分階段擴充模組。我們建議先把最核心的一兩個模組做紮實,再往外長。

平台上有交易、也有專業身份審核,怎麼確保安全與內容合規?

金流串接綠界 ECPay,付款結果一律經後端驗證回傳後才更新訂單狀態,前端無法自行竄改。身份採多階段審核,未通過前限制特定功能;使用者上傳的圖片會先經雲端影像辨識過濾不當內容,再進入後台人工審核,所有審核動作都留有操作紀錄。

CONTACT US

有類似需求?讓我們聊聊

不論是多功能平台、行動 App 開發、或電商金流整合,我們都能為您量身打造解決方案。

聯繫我們