Modello CMS per Siti Web Headless
Gestione e Consegna Efficiente dei Contenuti

Punti chiave

Panoramica

Le applicazioni guidate dai contenuti richiedono una gestione efficiente e una rapida distribuzione tramite API.

Questo modello stabilisce chiare strutture di contenuto con permessi robusti, garantendo che i team possano implementare la distribuzione dei contenuti rapidamente senza ritardi.

Perché costruire il tuo CMS headless con Back4app?

Back4app offre potenti capacità di gestione dei contenuti affinché il tuo team possa concentrarsi sullo sviluppo e sulle prestazioni invece che sull'infrastruttura backend.

• •Gestione dei contenuti semplificata: Utilizza classi predefinite per la consegna dei contenuti mentre Back4app gestisce l'infrastruttura.
• •Visibilità dei contenuti sicura: Gestisci efficientemente i permessi degli utenti per garantire che i contenuti siano accessibili in modo sicuro.
• •Capacità in tempo reale: Usa Live Queries per gli aggiornamenti dei contenuti mentre le API REST e GraphQL sono disponibili per le esigenze del cliente.

Migliora rapidamente le funzionalità del tuo CMS headless con un servizio backend unico in tutte le tecnologie.

Vantaggi principali

Un backend CMS headless che consente iterazioni rapide garantendo una sicurezza dei contenuti di alto livello.

Stack Tecnico

Tutti i componenti inclusi in questo template backend CMS headless.

Diagramma ER

Modello di relazione tra entità per lo schema di gestione dei contenuti headless.

erDiagram
    User ||--o{ Content : "owner"
    User ||--o{ Asset : "uploader"
    Content ||--o{ Asset : "content"

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

    Content {
        String objectId PK
        String title
        String body
        Pointer owner FK
        Date createdAt
        Date updatedAt
    }

    Asset {
        String objectId PK
        String fileUrl
        Pointer content FK
        Date createdAt
        Date updatedAt
    }

Flusso di integrazione

Flusso di lavoro per autenticazione, gestione dei contenuti e aggiornamenti.

sequenceDiagram
  participant User
  participant App as Headless Website CMS App
  participant Back4app as Back4app Cloud

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

  User->>App: Create content
  App->>Back4app: POST /classes/Content
  Back4app-->>App: Newly created content object

  User->>App: Retrieve content
  App->>Back4app: GET /classes/Content
  Back4app-->>App: List of content

  User->>App: Upload asset
  App->>Back4app: POST /classes/Asset
  Back4app-->>App: Newly uploaded asset object

Dizionario dei dati

Riferimento completo a livello di campo per tutte le classi nello schema CMS senza testa.

Sicurezza e autorizzazioni

Strategie ACL e CLP che proteggono utenti e contenuti.

Schema (JSON)

Definizione dello schema JSON grezzo pronta per l'integrazione in Back4app o come implementazione di riferimento.

{
  "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": "Content",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "title": {
          "type": "String",
          "required": true
        },
        "body": {
          "type": "String",
          "required": true
        },
        "owner": {
          "type": "Pointer",
          "required": true,
          "targetClass": "User"
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    },
    {
      "className": "Asset",
      "fields": {
        "objectId": {
          "type": "String",
          "required": false
        },
        "fileUrl": {
          "type": "String",
          "required": true
        },
        "content": {
          "type": "Pointer",
          "required": true,
          "targetClass": "Content"
        },
        "createdAt": {
          "type": "Date",
          "required": false
        },
        "updatedAt": {
          "type": "Date",
          "required": false
        }
      }
    }
  ]
}

API Playground

Sperimenta con i punti finali REST e GraphQL contro lo schema del CMS headless. Le risposte utilizzano dati fittizi e non richiedono un account Back4app.

Schema simile a questo modello.

Cosa ottieni con ogni tecnologia

Ogni stack utilizza lo stesso schema CMS headless e contratti API.

Domande Frequenti

Domande comuni sulla costruzione di un CMS headless con questo modello.