Modèle de Backend de l'Application de Découverte et d'Inspiration Visuelle
Tableaux d'Images et Outils d'Inspiration

Principaux éléments à retenir

Aperçu

Un produit de découverte visuelle nécessite des tableaux d'images collaboratifs, du partage d'inspiration et des outils de collaboration d'équipe.

Ce modèle définit Utilisateur, Image, Tableau et Inspiration avec des fonctionnalités collaboratives et des contrôles d'accès afin que les équipes puissent mettre en œuvre rapidement des solutions créatives.

Pourquoi construire votre application de découverte visuelle avec Back4app ?

Back4app fournit des primitives d'image, de tableau et d'inspiration afin que votre équipe puisse se concentrer sur la créativité et la collaboration plutôt que sur l'infrastructure.

• •Gestion des tableaux et des images: Classe d'image avec permissions et classe de tableau pour la gestion de l'inspiration qui supporte la collaboration.
• •Fonctionnalités de partage collaboratif et de visibilité: Gérez l'accès aux images avec des permissions et permettez aux utilisateurs de mettre à jour les tableaux facilement.
• •Flexibilité en temps réel + API: Utilisez Live Queries pour les mises à jour d'inspiration tout en maintenant REST et GraphQL disponibles pour chaque client.

Construisez et itérez rapidement sur les fonctionnalités de découverte visuelle avec un contrat backend unique sur toutes les plateformes.

Avantages principaux

Un backend de découverte visuelle qui vous aide à itérer rapidement sans sacrifier la sécurité.

Stack technique

Tout inclus dans ce modèle de backend de découverte visuelle.

Diagramme ER

Modèle de relation d'entité pour le schéma du backend de découverte visuelle.

erDiagram
    User ||--o{ Board : "owner"
    Board ||--o{ Pin : "pins"
    User ||--o{ AccessLog : "user"
    Board ||--o{ AccessLog : "board"

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

    Board {
        String objectId PK
        String title
        Pointer owner FK
        Array pins FK
        Date createdAt
        Date updatedAt
    }

    Pin {
        String objectId PK
        String imageUrl
        Pointer board FK
        Date createdAt
        Date updatedAt
    }

    AccessLog {
        String objectId PK
        Pointer user FK
        Pointer board FK
        Date accessTime
        Date createdAt
        Date updatedAt
    }

Flux d'intégration

Flux d'exécution typique pour l'authentification, le partage d'images, la gestion de tableau et la collaboration.

sequenceDiagram
  participant User
  participant App as Visual Discovery & Inspiration App
  participant Back4app as Back4app Cloud

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

  User->>App: View board details
  App->>Back4app: GET /classes/Board
  Back4app-->>App: Board details

  User->>App: Create new pin
  App->>Back4app: POST /classes/Pin
  Back4app-->>App: Pin objectId

  User->>App: Log access to board
  App->>Back4app: POST /classes/AccessLog
  Back4app-->>App: AccessLog objectId

Tableau des données

Référence complète au niveau des champs pour chaque classe du schéma de découverte visuelle.

Sécurité et autorisations

Comment la stratégie ACL et CLP sécurise les utilisateurs, les images, les tableaux et les inspirations.

Schéma (JSON)

Définition du schéma JSON brute prête à être copiée dans Back4app ou à utiliser comme référence d'implémentation.

{
  "classes": [
    {
      "className": "User",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "username": {
          "type": "String",
          "required": true
        },
        "email": {
          "type": "String",
          "required": true
        },
        "password": {
          "type": "String",
          "required": true
        },
        "role": {
          "type": "String",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Board",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "title": {
          "type": "String",
          "required": true
        },
        "owner": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "pins": {
          "type": "Array",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Pin",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "imageUrl": {
          "type": "String",
          "required": true
        },
        "board": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Board"
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "AccessLog",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "user": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "board": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Board"
        },
        "accessTime": {
          "type": "Date",
          "required": true
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

API Playground

Essayez les points de terminaison REST et GraphQL contre le schéma de découverte visuelle. Les réponses utilisent des données fictives et ne nécessitent pas de compte Back4app.

Utilise le même schéma que ce modèle.

Ce que vous obtenez avec chaque technologie

Chaque stack utilise le même schéma de backend de découverte visuelle et les contrats d'API.

Questions Fréquemment Posées

Questions courantes sur la création d'un backend de découverte visuelle avec ce modèle.