Dans ce didacticiel, nous allons apprendre à créer une application de création, de récupération, de mise à jour et de suppression (CRUD) à l'aide de Flutter et Strapi. Nous appellerons les End-points qui nous sont fournis par Strapi en utilisant le package HTTP dans notre application. Nous construirons des écrans où différentes opérations auront lieu comme l'ajout/la création d'un nouvel utilisateur, la récupération des données de l'utilisateur, la mise à jour des données de l'utilisateur et la suppression des données.
Prérequis
Pour suivre ce tutoriel, il vous faut :
- MNP
- Node.js
- SDK flottant
Qu'est-ce qu'un CMS sans tête ?
Headless CMS est le seul référentiel de contenu qui sert de back-end pour vos applications front-end. Il est conçu pour permettre l'accès au contenu via l'API RESTFUL ou l'API GraphQL, c'est-à-dire qu'il fournit votre contenu sous forme de données via une API.
Le terme Head fait référence à l'endroit où vous diffusez votre contenu via une application mobile ou une application Web. Le terme "sans tête" fait référence au concept de retrait de la tête du corps, qui est généralement la partie frontale d'un site Web. Cela ne signifie pas qu'avoir de l'avance n'est pas important, cela signifie simplement que vous avez la possibilité de choisir la plate-forme ou la tête à laquelle vous envoyez votre contenu.
Pourquoi Strapi
Strapi est un framework JavaScript qui simplifie la création d'API REST. Il permet aux développeurs de créer des types de contenu et leurs relations entre eux. Il dispose également d'une médiathèque qui vous permettra d'héberger des ressources audio et vidéo.
Aperçu
La construction d'une application complète nécessite généralement l'utilisation des composants front-end et back-end. Ces composantes sont souvent interdépendantes et sont nécessaires pour mener à bien le projet. Vous pouvez gérer et créer votre API sans l'aide d'un développeur backend. Strapi est un CMS sans tête qui repose sur Node.js. C'est une excellente alternative aux CMS traditionnels déjà utilisés.
Configurer le projet Flutter
Dans notre terminal, nous allons créer notre projet flutter