Partager via


Démarrage rapide : Créer et déployer votre application avec GitHub Copilot pour Azure Preview

Ce guide de démarrage rapide vous guide dans l’utilisation de GitHub Copilot pour Azure Preview pour créer et déployer un nouveau site web dans Azure. Il montre une façon d’intégrer GitHub Copilot pour Azure dans votre workflow de développement et de déploiement.

Prérequis

Pour obtenir des instructions de configuration complètes, consultez l’article Prise en main . Vérifiez que vous disposez des éléments suivants :

  • Un compte GitHub Copilot.
  • Extension GitHub Copilot Chat pour Visual Studio Code.
  • Extension GitHub Copilot pour Azure Preview pour Visual Studio Code.
  • Un abonnement Azure. Si vous n’en avez pas, GitHub Copilot pour Azure peut vous aider.

Créer et déployer un site web à l’aide de GitHub Copilot pour Azure Preview

  1. Créez un dossier sur votre ordinateur local où vous pouvez créer un clone local d’un dépôt GitHub.

  2. Dans Visual Studio Code, sélectionnez Afficher>Terminal. Dans le volet terminal, accédez au nouveau dossier.

  3. Dans la barre de titre, sélectionnez l’icône Ouvrir la conversation (logo GitHub Copilot) pour ouvrir le volet de conversation dans la barre latérale secondaire.

    Capture d’écran montrant le volet de conversation GitHub Copilot.

    Pour démarrer une nouvelle session de conversation, sélectionnez l’icône plus (+) dans la barre de titre du volet.

    Important

    Si vous obtenez des résultats inattendus, recomncez à l’aide d’une nouvelle session de conversation.

  4. Dans la zone de texte de conversation en bas du volet, tapez l’invite suivante après @azure. Sélectionnez Ensuite Envoyer (icône d’avion papier) ou sélectionnez Entrée sur votre clavier.

    Could you help me create and deploy a simple Flask website by using an azd template?
    

    Après un instant, GitHub Copilot pour Azure suggère probablement un azd modèle à utiliser.

    Important

    Vous devrez peut-être vous authentifier auprès de votre compte Azure avant de continuer à suivre les instructions de GitHub Copilot pour Azure. Suivez les instructions d’authentification pour continuer.

    Vous pouvez voir une réponse comme l’exemple suivant.

    Capture d’écran montrant une réponse de GitHub Copilot pour Azure avec des instructions d’utilisation d’un modèle pour créer un site web dans Azure.

    Important

    La formulation exacte de la réponse est différente chaque fois que GitHub Copilot pour les réponses Azure, en raison de la façon dont les modèles de langage volumineux génèrent des réponses.

  5. Si la réponse fournit une commande commençant azd init par une clôture de code, pointez sur la clôture de code pour afficher un petit menu d’action contextuel.

    Capture d’écran montrant un menu contextuel avec une option permettant d’insérer une commande codée dans le terminal Visual Studio Code.

    Sélectionnez Insérer dans terminal pour insérer la commande dans le terminal.

    Capture d’écran montrant le terminal Visual Studio Code après l’insertion d’une commande avec délimitation de code.

  6. Avant d’exécuter la azd init commande, vous pouvez avoir des questions sur la façon dont elle affecte votre ordinateur local et votre abonnement Azure.

    Utilisez l’invite suivante :

    @azure Before I execute azd init, what does it do?
    

    Vous pouvez voir une réponse semblable à la capture d’écran suivante.

    Capture d’écran montrant une réponse de GitHub Copilot pour Azure avec une explication de ce que fait la commande d’initialisation.

  7. Utilisez l’invite suivante pour en savoir plus sur le azd modèle :

    @azure What resources are created with this template?
    

    Vous pouvez voir une réponse semblable à la capture d’écran suivante.

    Capture d’écran montrant une réponse de GitHub Copilot pour Azure avec une explication des ressources créées par le modèle suggéré.

  8. Posez des questions sur les services que le modèle utilise avec une invite comme suit :

    @azure What is the purpose of a virtual network?
    

    Vous pouvez voir une réponse semblable à la capture d’écran suivante.

    Capture d’écran montrant une réponse de GitHub Copilot pour Azure avec une explication de ce qu’est un réseau virtuel.

  9. Lorsque vous êtes satisfait, exécutez la azd init commande dans le terminal. Répondez à ses invites. Si vous ne savez pas quoi répondre à une invite, demandez à GitHub Copilot pour Azure d’obtenir de l’aide.

  10. Une fois le nouveau projet initialisé, utilisez-le azd up pour déployer l’application sur votre abonnement. Dans le terminal, exécutez la commande en fonction des instructions de la réponse de l’invite d’origine.

    azd up
    
  11. La azd up commande demande des informations sur votre abonnement, où déployer les ressources, etc.

    Si vous ne savez pas comment répondre, vous pouvez demander de l’aide à GitHub Copilot pour Azure. Par exemple, vous pouvez demander :

    @azure azd up is asking me what location I want to deploy the website into. How should I respond?
    

    Vous pouvez voir une réponse semblable à la capture d’écran suivante.

    Capture d’écran montrant une réponse de GitHub Copilot pour Azure avec une réponse qui décrit les emplacements Azure et comment en choisir un.

  12. Continuez à répondre aux invites à partir de azd up. Posez des questions sur GitHub Copilot pour Azure en fonction des besoins.

    Selon le azd modèle que vous déployez et l’emplacement que vous avez sélectionné, le modèle peut prendre 20 à 40 minutes (ou plus) pour le déploiement.

  13. Si azd up vous rencontrez une erreur, demandez à GitHub Copilot pour Azure sur l’erreur et comment vous pouvez la résoudre.

Conseil

Pour un moyen simple d’attacher les derniers résultats de la commande terminale, utilisez l’icône de paperclip en bas à gauche du volet de conversation. GitHub Copilot pour Azure ne connaît pas les résultats de la commande de terminal, sauf s’ils sont copiés ou attachés via le paperclip.

  1. Après un déploiement réussi, vous devez être en mesure d’accéder au nouveau site web dans un navigateur web. Utilisez la Portail Azure pour afficher les ressources que vous avez créées.

Nettoyer les ressources

Vous pouvez demander à GitHub Copilot d’Azure comment supprimer toutes les ressources que vous avez créées au cours des étapes précédentes :

@azure How do I undeploy this website?

Vous pouvez voir une réponse semblable à la capture d’écran suivante.

Capture d’écran montrant une réponse de GitHub Copilot pour Azure avec des instructions pour annuler le déploiement d’un site web.

Permet azd down de supprimer le site web et toutes les ressources que vous avez déployées sur votre abonnement Azure.