Skip to main content

TP Android - Partie 05

Durée Estimée : Indeterminée (4h)

Enoncé​

Localhost du serveur

L'api sera appelé sur le localhost

Dans tout les cas port 3000

Les ip possibles selon votre cas :

  • 127.0.0.1 : Localhost du pc en port fowarding
  • 10.0.2.2 : Sur emulateur avec le security-config
  • 10.0.0.2 : Sur un autre emulateur sans security-config
  • etc..

Objectif​

Adapter le TP actuel pour qu'il fonctionne avec un web service (API).

Back-End (API)​

L'API Local est située ici : https://github.com/Chocolaterie/ApiArticle

Il y'a des instructions dans le Readme pour pouvoir l'utiliser (il faut installer Node JS dans un premier temps)

Modèle​

Le modèle à utiliser sera Article.

Routes​

Vous devez implémenter les routes suivantes, classées par ordre de difficulté/priorité :

  1. GET: articles : Récupérer la liste des articles.
  2. GET: article/:id : Récupérer un article par son ID.
  3. POST: save-article : Gérer la création et la mise à jour des articles.
  4. DELETE: article/:id : Supprimer un article par son ID.
A LIRE

L'ID est un String

Front-End​

Ressources​

Pour la doc retrofit vous pouvez consulter : https://square.github.io/retrofit/

Liste des articles​

  • Réadaptez la page de la liste des articles pour qu'elle récupère les articles via l'API.

UX de chaque article​

Pour chaque article, il doit y avoir trois boutons permettant d'effectuer les actions suivantes :

  • Voir : Afficher une page avec le détail de l'article.

BONUS (Pour allez plus loin)​

  • Éditer : Ouvrir le formulaire de l'article en mode édition.
  • Supprimer : Appeler l'API pour supprimer l'article, puis rafraîchir la liste des articles.

Détail de la suppression​

Dans l'exemple ci-dessus, l'appel à l'API pour supprimer un article pourrait ressembler à cela :

fun deleteArticle(articleId: String) {
    // Logique pour appeler l'API de suppression
    // Exemple :
    val response = apiService.deleteArticle(articleId)
    if (response.isSuccessful) {
        // Rafraîchir la liste des articles
    }
}