Exercice : Publier une fonction Azure simple

  • 5 minutes

L’Assistant Publication dans le modèle Azure Functions fournit la méthode la plus directe pour déployer des fonctions Azure, en particulier à des fins de test.

Dans le scénario du site web en ligne de montres de luxe, vous avez décidé d’utiliser Visual Studio 2022 pour déployer des fonctions sur une application de fonction Azure dans le cloud. Vous créez d’abord une application de fonction Azure, puis vous utilisez l’Assistant Publication de Visual Studio pour déployer les fonctions que vous créez.

Ici, vous utilisez le portail Azure pour créer une application de fonction Azure. Ensuite, vous déployez la fonction WatchInfo en utilisant le projet Visual Studio que vous avez créé dans un exercice précédent. Enfin, vous vérifiez que votre fonction est correctement déployée en la testant.

Créer une application de fonction Azure à l’aide du Portail Azure

  1. Connectez-vous au portail Azure avec le compte que vous avez utilisé pour activer le bac à sable.

  2. Dans le menu des ressources ou dans la page Accueil, sélectionnez Créer une ressource.

    Capture d’écran du menu du portail Azure et de l’option Créer une ressource.

    Le volet Créer une ressource apparaît.

  3. Dans le menu Créer une ressource, sélectionnez Calcul, puis recherchez et sélectionnez Application de fonction. Sélectionnez Create (Créer).

    Capture d’écran de la catégorie Compute et de l’option de service Application de fonction

    Le volet Créer une application de fonction s’affiche.

  4. Sous l’onglet Informations de base, entrez les valeurs suivantes pour chaque paramètre.

    Notes

    Votre application de fonction doit avoir un nom unique dans Azure. Nous vous suggérons d’utiliser quelque chose comme <vos initiales>watchfunctions. Utilisez ce nom partout où vous voyez <your-function-app-name> dans le reste de cet exercice.

    Paramètre Valeur
    Détails du projet
    Abonnement Abonnement Concierge
    Groupe de ressources Dans la liste déroulante, sélectionnez [Groupe de ressources de bac à sable].
    Détails de l’instance
    Nom de l’application de fonction <your-function-app-name>
    Publier Code
    Pile d’exécution .NET
    Version 6
    Région Acceptez l’emplacement par défaut.
    Système d’exploitation
    Système d'exploitation Windows
    Planification
    Type de plan Consommation (serverless)

  5. Sélectionnez Suivant : Stockage.

  6. Sous l’onglet Stockage, entrez les valeurs suivantes pour chaque paramètre.

    Paramètre Valeur
    Stockage
    Compte de stockage Acceptez la valeur par défaut.

  7. Sélectionnez Examiner + créer, puis sélectionnez Créer. Le déploiement affiche les ressources qui sont créées pour l’application de fonction.

  8. Une fois le déploiement terminé, sélectionnez Accéder à la ressource. Le volet Application de fonction de <your-function-app-name> s’affiche.

Déployer la fonction WatchInfo dans l’application de fonction Azure

  1. Sur votre poste de travail, revenez à Visual Studio.

  2. Dans la fenêtre Explorateur de solutions, cliquez avec le bouton de droite sur le projet WatchPortalFunction, puis sélectionnez Publier.

    Capture d’écran de Visual Studio avec l’option Publier pour le projet WatchPortalFunctions.

    Le volet Publier s’affiche.

  3. Sélectionnez Azure, puis Suivant.

    Capture d’écran de la fenêtre Publier la cible avec l’option Azure en surbrillance.

    Le volet Publier est mis à jour avec les nouvelles informations.

  4. Sélectionnez Application de fonction Azure (Windows), puis Suivant.

    Capture d’écran de la fenêtre Publier une cible spécifique avec l’option Application de fonction Azure (Windows) en surbrillance.

  5. Dans la liste déroulante Nom de l’abonnement, sélectionnez Abonnement Concierge. Développez le dossier [Groupe de ressources bac à sable], puis sélectionnez votre application de fonction. Sélectionnez Terminer.

    Capture d’écran de la fenêtre d’instance de publication de fonctions. L’utilisateur a sélectionné Applications de fonction.

  6. Sélectionnez Publier.

    [capture d’écran de Visual Studio mettant en évidence l’option Terminer

    Attendez que vos fonctions soient déployées. La fenêtre Sortie dans Visual Studio affiche la progression de la build et des processus de publication. Si tout fonctionne, vous devez avoir une build réussie et une publication réussie.

    Capture d’écran de la fenêtre Sortie dans Visual Studio. Les messages de sortie indiquent que les fonctions ont été publiées.

Vérifier que les fonctions sont déployées

  1. Revenez au portail Azure. Le volet Application de fonction s’affiche avec votre application de fonction.

  2. Dans le menu Application de fonction, sous Fonctions, sélectionnez Fonctions. Le volet Fonctions s’affiche pour votre application de fonction.

  3. Vérifiez que les fonctions Function1 et WatchInfo sont listées.

  4. Dans le menu Application de fonction, sélectionnez Vue d’ensemble, puis vérifiez que l’État de l’application de fonction Azure est listé avec la valeur En cours d’exécution.

    Capture d’écran du portail Azure montrant le volet Application de fonction avec les fonctions « Function1 » et « WatchInfo ».

    Remarque

    Les fonctions sont marquées comme étant en lecture seule. Étant donné qu’elles ont été publiées à partir de Visual Studio, vous ne pouvez modifier ni leurs paramètres ni leur configuration dans le portail Azure. Pour changer l’une de ces fonctions, apportez les modifications nécessaires dans Visual Studio et republiez-les.

  5. Dans le volet Application de fonction, sélectionnez l’URL (mise en évidence dans l’image précédente). Une fenêtre de navigateur s’ouvre et confirme que l’application de fonction est en cours d’exécution.

    Capture d’écran d’un navigateur web montrant que l’application de fonction est en cours d’exécution

  6. Ajoutez l’URL de la fonction WatchInfo, /api/watchinfo, à l’URL dans le navigateur afin d’appeler la fonction WatchInfo sans chaîne de requête. Il peut être nécessaire d’actualiser le navigateur pour voir le message Please provide a watch model in the query string (Indiquez un modèle de montre dans la chaîne de requête).

    Capture d’écran de la fenêtre du navigateur web avec le message d’erreur.

  7. Ajoutez la chaîne de requête ?model=abc à l’URL et actualisez la fenêtre du navigateur. Cette fois, vous voyez les détails du modèle de montre retourné par la fonction.

    Capture d’écran du navigateur web montrant les détails du modèle de la montre.

Dans cet exercice, vous avez créé une application de fonction Azure dans le cloud et vous avez publié vos fonctions sur cette application depuis Visual Studio.