Déployer JSON-Server sur Azure

# vsts# Azure# json-server
écrit par Rémy Villain publié le mercredi 13 septembre 2017
Avec JSON-Server on peut faire des API REST fake très simplement. Idéal si vous êtes un développeur Front lassé d'attendre que l'équipe Back termine son labeur. Tout ce dont vous avez besoin, c'est un fichier JSON. Clique ici si tu ne connais pas JSON-Server Bien entendu une telle API n'est pas faite pour la production mais il peut être néamoins intéressant de la mettre à disposition d'utilisateurs pour leur permettre de tester l'application le plus tôt possible, Les aficionados de l'agilité ne me contrediront pas. Cet article a pour but de présenter les étapes nécessaires pour mettre en place JSON-Server sur une simple Application Web Azure grâce à Visual Studio Team Services.

Prérequis

Créer un nouveau projet

  • Dans VSTS créer un nouveau projet
  • Récupérer le code source sur github via le menu prévu à cet effet. Voici le lien vers le projet que l'on va déployer ensemble:  https://github.com/ApolloSSC/json-server-azure
  • Cliquer sur "Set up Build"

Créer le build

  • Sélectionner le template "Empty"
  • Cliquer sur Add task

Copier les fichiers

  • Choisir la tâche "Copy Files"
  • Remplir le formulaire
    • Source Folder :./
    • Contents : server.js db.json package.json
    • Target Folder: dist/
    • Cocher le champ Overwrite

Installer les packages npm

  • Ajouter une tâche de type  "npm"
  • Remplir le formulaire
    • Command: install
    • Working folder with package.json: ./dist

Déployer le tout

  • Ajouter une tâche de type "Azure App Service Deploy"
  • Remplir le formulaire:
    • Azure subscription: Abonnement azure (nécessite une authentification)
    • App Service name : Sélectionner l'application azure créée précédemment
    • Package or folderdist/
    • Cocher le champ Generate Web.config
    • Web.config parameters-Handler iisnode -NodeStartFile server.js -appType node
    • Cocher le champ Publish using Web Deploy
  • Cliquer sur Process et choisir l'Agent Queue "Hosted"
Ca y est le build est prêt, il ne reste plus qu'à programmer son déclenchement.

Déclencher le build

  • Cliquer sur l'onglet triggers
  • Activer le trigger adéquat
  • Cliquer sur "save and queue" pour lancer un premier build
Et voilà le résultat