電子商務
使用AI代理構建
電子商務後端

電子商務後端應用模板
產品目錄、SKU 變體和訂單處理

一個在 Back4app 上的生產就緒的電子商務後端，包含產品、SKU、訂單和客戶管理。包括 ER 圖、數據字典、JSON 架構、API 操作台，以及用於快速啟動的AI 代理提示。

使用AI代理構建選擇您的技術

關鍵要點

此模板提供了一個包含產品、SKU、訂單和客戶管理的電子商務後端，讓您的團隊可以專注於銷售和履行流程。

  1. 以產品為中心的架構設計 — 用SKU、變體和庫存來建模產品，形成清晰、可查詢的結構。
  2. 實時訂單處理 — 利用Back4app的實時功能進行訂單更新和通知。
  3. 客戶管理 — 通過安全的訪問控制管理客戶資料和訂單歷史。
  4. 訂單和庫存功能 — 允許客戶無縫地下訂單和跟蹤庫存。
  5. 跨平台電子商務後端 — 通過單一的REST和GraphQL API為產品、SKU、訂單和客戶提供移動和網絡客戶端服務。

什麼是電子商務後端應用模板？

Back4app是一種後端即服務（BaaS），用於快速產品交付。電子商務後端應用模板是一個預構建的架構，包括產品、SKU、訂單和客戶。連接您喜好的前端（React、Flutter、Next.js等）並更快地交付。

最佳適用於：

電子商務應用在線零售平台訂單和庫存管理以移動優先的購物應用程式MVP 上市選擇 BaaS 用於電子商務產品的團隊

概覽

電子商務產品需要產品目錄、SKU、訂單和客戶管理。

此模板定義了具有實時功能和所有權規則的產品、SKU、訂單和客戶，以便團隊能夠快速實施電子商務互動。

核心電子商務功能

此中心的每個技術卡片都使用相同的電子商務後端架構，包括產品、SKU、訂單和客戶。

產品目錄和SKU

產品類別存儲名稱、描述、價格和SKU變體。

訂單創建和管理

訂單類別鏈接客戶、項目和狀態。

客戶資料

客戶類別儲存姓名、電子郵件和地址。

庫存管理

SKU 類別追蹤產品變體和庫存水平。

實時訂單通知

實時通知客戶訂單狀態變更。

為什麼要用 Back4app 構建您的電子商務後端？

Back4app 提供產品、SKU、訂單和客戶管理的基本功能，讓您的團隊可以專注於銷售和履行，而不是基礎設施。

  • •產品和 SKU 管理: 具有 SKU 變體的產品類支持詳細的目錄管理。
  • •訂單和客戶功能: 管理訂單狀態，讓客戶輕鬆追蹤他們的購買。
  • •實時 + API 靈活性: 使用 Live Queries 進行訂單更新，同時保持 REST 和 GraphQL 可供每個客戶端使用。

在所有平台上使用一個後端合約快速構建和迭代電子商務功能。

核心優勢

一個幫助您快速迭代而不犧牲結構的電子商務後端。

快速電子商務啟動

從完整的產品、SKU 和訂單架構開始，而不是從零設計後端。

實時訂單支持

利用實時訂單更新和通知來增強客戶參與度。

清晰的庫存流程

通過實時更新管理產品變體和庫存水平。

可擴展的權限模型

使用 ACL/CLP 以便只有客戶可以查看他們的個人資料和訂單，並安全地管理庫存。

訂單和客戶數據

存儲和聚合訂單及客戶資料，以提供個性化的購物體驗。

AI 引導工作流程

通過一個結構化提示快速生成後端框架和集成指導。

準備好推出您的電子商務應用程式了嗎？

讓 Back4app AI Agent 為您的電子商務後端搭建框架，並從一個提示中生成產品、SKU、訂單和客戶。

使用 AI Agent 構建試用 API 操作台

免費開始 — 每月 50 個 AI 代理提示，不需要信用卡

技術堆疊

此電子商務後端模板包含所有內容。

前端
13+ 技術
後端
Back4app
資料庫
MongoDB
身份驗證
內建身份驗證 + 會話
API
REST 和 GraphQL
即時
Live Queries

ER 圖

電子商務後端架構的實體關係模型。

查看圖表來源
Mermaid
erDiagram
    User ||--o{ Order : "user"
    User ||--o{ Cart : "user"
    Product ||--o{ SKU : "product"
    Order ||--o{ Product : "products"
    Cart ||--o{ SKU : "items"

    User {
        String objectId PK
        String username
        String email
        String password
        String address
        Date createdAt
        Date updatedAt
    }

    Product {
        String objectId PK
        String name
        String description
        Number price
        Date createdAt
        Date updatedAt
    }

    Order {
        String objectId PK
        Pointer user FK
        Array products
        Number total
        String status
        Date createdAt
        Date updatedAt
    }

    SKU {
        String objectId PK
        Pointer product FK
        String variation
        Number stock
        Date createdAt
        Date updatedAt
    }

    Cart {
        String objectId PK
        Pointer user FK
        Array items
        Number total
        Date createdAt
        Date updatedAt
    }

整合流程

身份驗證、產品目錄、SKU、訂單和客戶管理的典型運行流程。

查看圖表來源
Mermaid
sequenceDiagram
  participant User
  participant App as E-commerce Backend App
  participant Back4app as Back4app Cloud

  User->>App: Login
  App->>Back4app: POST /login
  Back4app-->>App: Session token

  User->>App: Browse products
  App->>Back4app: GET /classes/Product
  Back4app-->>App: Product list

  User->>App: Add to cart
  App->>Back4app: POST /classes/Cart
  Back4app-->>App: Cart updated

  User->>App: Place order
  App->>Back4app: POST /classes/Order
  Back4app-->>App: Order confirmation

數據字典

電子商務架構中每個類別的完整字段級別參考。

字段類型描述必需
objectIdStringAuto-generated unique identifier自動
usernameStringUser login name
emailStringUser email address
passwordStringHashed password (write-only)
addressStringUser shipping address—
createdAtDateAuto-generated creation timestamp自動
updatedAtDateAuto-generated last-update timestamp自動

User 中的 7 字段

安全性和權限

ACL 和 CLP 策略如何保護產品、SKU、訂單和客戶數據。

客戶擁有的個人資料控制

只有客戶可以更新或刪除他們的個人資料；其他人無法修改客戶內容。

訂單完整性

只有客戶可以創建或刪除他們的訂單。使用 Cloud Code 進行驗證。

範圍讀取訪問

限制產品和訂單的讀取權限給相關方（例如，客戶只能看到自己的訂單和公開產品）。

架構（JSON）

原始 JSON 架構定義，準備複製到 Back4app 或用作實施參考。

JSON
{
  "classes": [
    {
      "className": "User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "address": {
          "type": "String",
          "required": false
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Product",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "name": {
          "type": "String",
          "required": true
        },
        "description": {
          "type": "String",
          "required": false
        },
        "price": {
          "type": "Number",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Order",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "user": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "products": {
          "type": "Array",
          "required": true
        },
        "total": {
          "type": "Number",
          "required": true
        },
        "status": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "SKU",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "product": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Product"
        },
        "variation": {
          "type": "String",
          "required": true
        },
        "stock": {
          "type": "Number",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Cart",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "user": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "items": {
          "type": "Array",
          "required": true
        },
        "total": {
          "type": "Number",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

使用 AI 代理構建

使用 Back4app AI Agent 從此模板生成一個真正的電子商務應用，包括前端、後端、身份驗證，以及產品、SKU、訂單和客戶流程。

Back4app AI Agent
準備構建
在 Back4app 上創建具有此精確架構和行為的電子商務應用後端。

架構：
1. 產品：名稱（字符串，必填），描述（字符串），價格（數字，必填）；objectId，createdAt，updatedAt（系統）。
2. SKU：產品（指向產品的指針，必填），變體（字符串），庫存（數字）；objectId，createdAt，updatedAt（系統）。
3. 訂單：客戶（指向客戶的指針，必填），項目（指向 SKU 的指針數組，必填），狀態（字符串，必填）；objectId，createdAt，updatedAt（系統）。
4. 客戶：名稱（字符串，必填），電子郵件（字符串，必填），地址（字符串）；objectId，createdAt，updatedAt（系統）。

安全性：
- 只有客戶可以更新/刪除其個人資料。只有客戶可以創建/刪除其訂單。使用雲代碼進行驗證。

身份驗證：
- 註冊、登錄、登出。

行為：
- 列出產品、創建訂單、管理庫存和更新客戶資料。

交付：
- Back4app 應用，包含架構、ACLs、CLPs；產品目錄、SKU、訂單和客戶管理的前端。

按下面的按鈕以使用此模板提示預填內容打開 Agent。

這是沒有技術後綴的基本提示。您可以在之後調整生成的前端堆棧。

幾分鐘內部署每月 50 個免費提示不需要信用卡

API 操作台

嘗試針對電子商務架構的 REST 和 GraphQL 端點。回應使用模擬數據，不需要 Back4app 帳戶。

正在載入遊樂場…

使用與此模板相同的架構。

選擇您的技術

展開每張卡片以查看集成步驟、狀態模式、數據模型示例和離線說明。

Flutter 電子商務後端

React 電子商務後端

React 原生 電子商務後端

Next.js 電子商務後端

JavaScript 電子商務後端

Android 電子商務後端

iOS 電子商務後端

Vue 電子商務後端

Angular 電子商務後端

GraphQL 電子商務後端

REST API 電子商務後端

PHP 電子商務後端

.NET 電子商務後端

每種技術的優勢

每個技術棧使用相同的電子商務後端架構和 API 合約。

統一的 電子商務 產品架構

輕鬆在一個地方管理產品、SKU 和庫存。

電子商務 的實時訂單跟踪

及時更新讓客戶隨時了解其訂單信息。

電子商務 的安全支付處理

集成受信任的支付網關以確保交易安全。

靈活的 REST/GraphQL API

與強大的 API 無縫連接前端。

客戶管理儀表板

深入了解客戶行為和偏好。

可擴展的 電子商務 後端

根據需要輕鬆自定義和擴展您的後端。

電子商務後端框架比較

比較所有支持技術的設置速度、SDK 風格和人工智慧支持。

框架設置時間電子商務後端的好處SDK類型AI支持
Flutter
~5 分鐘移動和網頁的電子商務後端單一代碼庫。Typed SDK完整
React
大約 5 分鐘電子商務後端的快速網頁儀表板。Typed SDK完整
React 原生
少於 5 分鐘電子商務後端的跨平台移動應用程序。Typed SDK完整
Next.js
~3–7 分鐘電子商務後端的伺服器渲染網頁應用程序。Typed SDK完整
JavaScript
少於 5 分鐘電子商務後端的輕量級網頁集成。Typed SDK完整
Android
~5 分鐘電子商務後端的原生 Android 應用程序。Typed SDK完整
iOS
大約 5 分鐘電子商務後端的原生 iOS 應用程序。Typed SDK完整
Vue
少於 5 分鐘React 上的電子商務後端網頁 UI。Typed SDK完整
Angular
~3–7 分鐘電子商務後端的企業網頁應用程序。Typed SDK完整
GraphQL
~2 分鐘靈活的 GraphQL API 用於電子商務後端。GraphQL API完整
REST API
少於 2 分鐘REST API 集成的電子商務後端。REST API完整
PHP
~3–5 分鐘電子商務後端的伺服器端 PHP 後端。REST API完整
.NET
少於 5 分鐘.NET 後端的電子商務後端。Typed SDK完整

設置時間反映從項目啟動到使用此模板架構進行首次目錄查詢的預期持續時間。

常見問題

關於使用此模板構建電子商務後端的常見問題。

什麼是電子商務後端？
電子商務後端模板包含什麼？
為什麼要使用 Back4app 來開發電子商務應用程式？
如何使用 Flutter 查詢產品和 SKU？
如何使用 Next.js Server Actions 創建訂單？
React Native 可以離線緩存產品和 SKU 嗎？
如何防止重複訂單？
在 Android 上顯示產品目錄和 SKU 的最佳方式是什麼？
訂單處理流程如何從頭到尾運作？

受到全球開發者的信賴

加入使用Back4app模板更快交付電子商務產品的團隊

G2 Users Love Us Badge

準備好建立您的電子商務應用程式了嗎？

在幾分鐘內開始您的電子商務專案。不需要信用卡。

選擇技術