Plantilla de Aplicación Backend de Comercio Electrónico
Catálogo de Productos, Variaciones de SKU y Procesamiento de Pedidos
Un backend de comercio electrónico listo para producción en Back4app con productos, SKUs, pedidos y gestión de clientes. Incluye diagrama ER, diccionario de datos, esquema JSON, área de pruebas de API y un aviso de Agente de IA para un arranque rápido.
Conclusiones Clave
Esta plantilla ofrece un backend de comercio electrónico con productos, SKUs, pedidos y gestión de clientes para que tu equipo pueda centrarse en los flujos de ventas y cumplimiento.
- Diseño de esquema centrado en el producto — Modela productos con SKUs, variaciones e inventario en estructuras claras y consultables.
- Procesamiento de pedidos en tiempo real — Usa las capacidades en tiempo real de Back4app para actualizaciones de pedidos y notificaciones.
- Gestión de clientes — Gestiona perfiles de clientes e historiales de pedidos con controles de acceso seguros.
- Funciones de pedidos e inventario — Permitir a los clientes realizar pedidos y rastrear inventario sin problemas.
- Backend de comercio electrónico multiplataforma — Servir a clientes móviles y web a través de una única API REST y GraphQL para productos, SKUs, pedidos y clientes.
¿Qué es la plantilla de aplicación de backend de comercio electrónico?
Back4app es un backend-como-servicio (BaaS) para una entrega rápida de productos. La plantilla de aplicación de backend de comercio electrónico es un esquema preconstruido para productos, SKUs, pedidos y clientes. Conecta tu frontend preferido (React, Flutter, Next.js, y más) y envía más rápido.
Mejor para:
Descripción general
Un producto de comercio electrónico necesita catálogos de productos, SKUs, pedidos y gestión de clientes.
Esta plantilla define Producto, SKU, Pedido y Cliente con características en tiempo real y reglas de propiedad para que los equipos puedan implementar interacciones de comercio electrónico rápidamente.
Características principales de comercio electrónico
Cada tarjeta de tecnología en este centro utiliza el mismo esquema de backend de comercio electrónico con Producto, SKU, Pedido y Cliente.
Catálogo de productos y SKUs
La clase de producto almacena nombre, descripción, precio y variaciones de SKU.
Creación y gestión de pedidos
La clase de pedido vincula cliente, artículos y estado.
Perfiles de clientes
La clase de cliente almacena nombre, correo electrónico y dirección.
Gestión de inventario
La clase SKU rastrea las variaciones de productos y los niveles de stock.
Notificaciones de pedidos en tiempo real
Notificar a los clientes sobre cambios en el estado del pedido en tiempo real.
¿Por qué construir el backend de tu comercio electrónico con Back4app?
Back4app te ofrece primitivas para la gestión de productos, SKU, pedidos y clientes, para que tu equipo pueda centrarse en las ventas y el cumplimiento en lugar de en la infraestructura.
- •Gestión de productos y SKU: La clase de producto con variaciones de SKU admite una gestión detallada del catálogo.
- •Características de pedidos y clientes: Gestiona pedidos con estados y permite a los clientes rastrear sus compras fácilmente.
- •Flexibilidad en tiempo real + API: Usa Live Queries para actualizaciones de pedidos mientras mantienes REST y GraphQL disponibles para cada cliente.
Construye e itera rápidamente en funciones de comercio electrónico con un contrato de backend único en todas las plataformas.
Beneficios principales
Un backend de comercio electrónico que le ayuda a iterar rápidamente sin sacrificar la estructura.
Lanzamiento rápido de comercio electrónico
Comience desde un esquema completo de producto, SKU y pedido en lugar de diseñar el backend desde cero.
Soporte de pedidos en tiempo real
Aproveche las actualizaciones y notificaciones de pedidos en tiempo real para mejorar el compromiso del cliente.
Flujo de inventario claro
Gestione las variaciones de productos y los niveles de stock con actualizaciones en tiempo real.
Modelo de permisos escalable
Usa ACL/CLP para que solo los clientes puedan ver sus perfiles y pedidos, y gestionar el inventario de forma segura.
Datos de pedidos y clientes
Almacena y agrega pedidos y perfiles de clientes para experiencias de compra personalizadas.
Flujo de trabajo de arranque de IA
Genera rápidamente la estructura del backend y la guía de integración con un solo aviso estructurado.
¿Listo para lanzar tu aplicación de comercio electrónico?
Deja que el Agente de IA de Back4app estructure tu backend de comercio electrónico y genere productos, SKUs, pedidos y clientes desde un solo aviso.
Gratis para comenzar — 50 solicitudes de Agente de IA/mes, no se requiere tarjeta de crédito
Pila Técnica
Todo incluido en esta plantilla de backend de comercio electrónico.
Diagrama ER
Modelo de relación de entidades para el esquema de backend de comercio electrónico.
Esquema que cubre productos, SKUs, pedidos y gestión de clientes.
Ver fuente del diagrama
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
}
Flujo de integración
Flujo típico de ejecución para autenticación, catálogo de productos, SKUs, pedidos y gestión de clientes.
Ver fuente del diagrama
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 confirmationDiccionario de Datos
Referencia completa a nivel de campo para cada clase en el esquema de comercio electrónico.
| Campo | Tipo | Descripción | Requerido |
|---|---|---|---|
| objectId | String | Auto-generated unique identifier | Automático |
| username | String | User login name | |
| String | User email address | ||
| password | String | Hashed password (write-only) | |
| address | String | User shipping address | — |
| createdAt | Date | Auto-generated creation timestamp | Automático |
| updatedAt | Date | Auto-generated last-update timestamp | Automático |
campos 7 en User
Seguridad y Permisos
Cómo la estrategia de ACL y CLP asegura productos, SKUs, pedidos y datos de clientes.
Controles de perfil propiedad del cliente
Solo el cliente puede actualizar o eliminar su perfil; otros no pueden modificar el contenido del cliente.
Integridad del pedido
Solo el cliente puede crear o eliminar sus pedidos. Usa Cloud Code para la validación.
Acceso de lectura limitado
Restringe las lecturas de productos y pedidos a las partes relevantes (por ejemplo, los clientes ven sus propios pedidos y productos públicos).
Esquema (JSON)
Definición de esquema JSON en bruto lista para copiar en Back4app o usar como referencia de implementación.
{
"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
}
}
}
]
}Construir con AI Agent
Utiliza el Agente de IA de Back4app para generar una aplicación de comercio electrónico real a partir de esta plantilla, incluyendo frontend, backend, autenticación y flujos de producto, SKU, pedido y cliente.
Crea un backend de aplicación de comercio electrónico en Back4app con este esquema y comportamiento exactos. Esquema: 1. Producto: nombre (String, requerido), descripción (String), precio (Número, requerido); objectId, createdAt, updatedAt (sistema). 2. SKU: producto (Puntero a Producto, requerido), variación (String), stock (Número); objectId, createdAt, updatedAt (sistema). 3. Pedido: cliente (Puntero a Cliente, requerido), artículos (Array de Punteros a SKU, requerido), estado (String, requerido); objectId, createdAt, updatedAt (sistema). 4. Cliente: nombre (String, requerido), correo electrónico (String, requerido), dirección (String); objectId, createdAt, updatedAt (sistema). Seguridad: - Solo el cliente puede actualizar/eliminar su perfil. Solo el cliente puede crear/eliminar sus pedidos. Usa Cloud Code para validación. Autenticación: - Registro, inicio de sesión, cierre de sesión. Comportamiento: - Listar productos, crear pedidos, gestionar inventario y actualizar perfiles de clientes. Entregar: - Aplicación Back4app con esquema, ACLs, CLPs; frontend para catálogo de productos, SKUs, pedidos y gestión de clientes.
Presiona el botón de abajo para abrir el Agente con este mensaje de plantilla prellenado.
Este es el mensaje base sin un sufijo de tecnología. Puedes adaptar la pila de frontend generada después.
API Playground
Prueba los endpoints REST y GraphQL contra el esquema de comercio electrónico. Las respuestas utilizan datos simulados y no requieren una cuenta de Back4app.
Usa el mismo esquema que esta plantilla.
Elige tu tecnología
Expande cada tarjeta para ver los pasos de integración, patrones de estado, ejemplos de modelos de datos y notas sin conexión.
Backend de comercio electrónico Flutter
Backend de comercio electrónico React
Backend de comercio electrónico React Nativo
Backend de comercio electrónico Next.js
Backend de comercio electrónico JavaScript
Backend de comercio electrónico Android
Backend de comercio electrónico iOS
Backend de comercio electrónico Vue
Backend de comercio electrónico Angular
Backend de comercio electrónico GraphQL
Backend de comercio electrónico REST API
Backend de comercio electrónico PHP
Backend de comercio electrónico .NET
Lo que obtienes con cada tecnología
Cada stack utiliza el mismo esquema de backend de comercio electrónico y contratos de API.
Esquema de producto unificado e-commerce
Administra fácilmente productos, SKUs e inventario en un solo lugar.
Seguimiento de pedidos en tiempo real para e-commerce
Mantén a los clientes informados con actualizaciones en vivo sobre sus pedidos.
Procesamiento de pagos seguro para e-commerce
Integra pasarelas de pago de confianza para transacciones seguras.
APIs REST/GraphQL flexibles
Conecta perfectamente tu frontend con poderosas APIs.
Panel de gestión de clientes
Obtén información sobre el comportamiento y las preferencias de los clientes.
Backend extensible para e-commerce
Personaliza y escala fácilmente tu backend según sea necesario.
Comparación de Frameworks Backend para Ecommerce
Compara la velocidad de configuración, el estilo de SDK y el soporte de IA a través de todas las tecnologías compatibles.
| Framework | Tiempo de Configuración | Beneficio del Backend de Ecommerce | Tipo de SDK | Soporte de IA |
|---|---|---|---|---|
| ~5 min | Código base único para el backend de ecommerce en móvil y web. | Typed SDK | Completo | |
| Aproximadamente 5 min | Panel web rápido para el backend de ecommerce. | Typed SDK | Completo | |
| Menos de 5 minutos | Aplicación móvil multiplataforma para el backend de ecommerce. | Typed SDK | Completo | |
| ~3–7 min | Aplicación web renderizada en servidor para el backend de ecommerce. | Typed SDK | Completo | |
| Menos de 5 min | Integración web ligera para el backend de ecommerce. | Typed SDK | Completo | |
| ~5 min | Aplicación nativa de Android para el backend de ecommerce. | Typed SDK | Completo | |
| Aproximadamente 5 min | Aplicación nativa de iOS para el backend de ecommerce. | Typed SDK | Completo | |
| Menos de 5 minutos | Interfaz web Reactiva para el backend de ecommerce. | Typed SDK | Completo | |
| ~3–7 min | Aplicación web empresarial para el backend de ecommerce. | Typed SDK | Completo | |
| ~2 min | API GraphQL flexible para el backend de ecommerce. | GraphQL API | Completo | |
| Menos de 2 min | Integración REST API para el backend de ecommerce. | REST API | Completo | |
| ~3–5 min | Backend PHP del lado del servidor para el backend de ecommerce. | REST API | Completo | |
| Menos de 5 minutos | Backend .NET para el backend de ecommerce. | Typed SDK | Completo |
El tiempo de configuración refleja la duración esperada desde el inicio del proyecto hasta la primera consulta de catálogo utilizando este esquema de plantilla.
Preguntas Frecuentes
Preguntas comunes sobre cómo construir un backend de comercio electrónico con esta plantilla.
¿Listo para construir tu aplicación de comercio electrónico?
Inicia tu proyecto de comercio electrónico en minutos. No se requiere tarjeta de crédito.