Delen via


Quickstart: Uw toepassing bouwen en implementeren met GitHub Copilot voor Azure Preview

In deze quickstart wordt u begeleid bij het gebruik van GitHub Copilot voor Azure Preview om een nieuwe website te maken en te implementeren in Azure. Het demonstreert één manier om GitHub Copilot voor Azure te integreren in uw ontwikkel- en implementatiewerkstroom.

Vereisten

Zie het artikel Aan de slag voor volledige installatie-instructies. Zorg ervoor dat u de volgende items hebt:

  • Een GitHub Copilot-account.
  • De GitHub Copilot Chat-extensie voor Visual Studio Code.
  • De GitHub Copilot-extensie voor Azure Preview voor Visual Studio Code.
  • Een Azure-abonnement. Als u er nog geen hebt, kan GitHub Copilot voor Azure u helpen.

Een website maken en implementeren met GitHub Copilot voor Azure Preview

  1. Maak een nieuwe map op uw lokale computer waar u een lokale kloon van een GitHub-opslagplaats kunt maken.

  2. Selecteer Terminal weergeven> in Visual Studio Code. Ga in het terminalvenster naar de nieuwe map.

  3. Selecteer op de titelbalk het pictogram Chat openen (het GitHub Copilot-logo) om het chatvenster in de secundaire zijbalk te openen.

    Schermopname van het GitHub Copilot-chatvenster.

    Als u een nieuwe chatsessie wilt starten, selecteert u het pluspictogram (+) op de titelbalk van het deelvenster.

    Belangrijk

    Als u onverwachte resultaten krijgt, begint u opnieuw met het gebruik van een nieuwe chatsessie.

  4. Typ in het chattekstvak onder aan het deelvenster de volgende prompt na @azure. Selecteer vervolgens Verzenden (pictogram papier vliegtuig) of selecteer Enter op het toetsenbord.

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

    Na enige tijd stelt GitHub Copilot voor Azure waarschijnlijk een azd sjabloon voor die moet worden gebruikt.

    Belangrijk

    Mogelijk moet u zich verifiëren bij uw Azure-account voordat u GitHub Copilot blijft volgen voor de instructies van Azure. Volg de verificatie-instructies om door te gaan.

    Mogelijk ziet u een antwoord zoals in het volgende voorbeeld.

    Schermopname van een antwoord van GitHub Copilot voor Azure met instructies voor het gebruik van een sjabloon voor het maken van een website in Azure.

    Belangrijk

    De exacte formulering van het antwoord verschilt telkens wanneer GitHub Copilot voor Azure-antwoorden reageert, vanwege de manier waarop grote taalmodellen antwoorden genereren.

  5. Als het antwoord een opdracht bevat die begint met azd init een codeheining, beweegt u de muisaanwijzer over de codeheining om een klein snelmenu weer te geven.

    Schermopname van een snelmenu met een optie om een opdracht met code in te voegen in de Visual Studio Code-terminal.

    Selecteer Invoegen in Terminal om de opdracht in de terminal in te voegen.

    Schermopname van de Visual Studio Code-terminal na het invoegen van een opdracht met code.

  6. Voordat u de azd init opdracht uitvoert, hebt u mogelijk vragen over hoe dit van invloed is op uw lokale computer en uw Azure-abonnement.

    Gebruik de volgende prompt:

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

    Mogelijk ziet u een antwoord dat lijkt op de volgende schermopname.

    Schermopname van een antwoord van GitHub Copilot voor Azure met een uitleg van wat de initialisatieopdracht doet.

  7. Gebruik de volgende prompt voor meer informatie over de azd sjabloon:

    @azure What resources are created with this template?
    

    Mogelijk ziet u een antwoord dat lijkt op de volgende schermopname.

    Schermopname van een antwoord van GitHub Copilot voor Azure met een uitleg van de resources die zijn gemaakt door de voorgestelde sjabloon.

  8. Stel vragen over de services die door de sjabloon worden gebruikt met een prompt zoals:

    @azure What is the purpose of a virtual network?
    

    Mogelijk ziet u een antwoord dat lijkt op de volgende schermopname.

    Schermopname van een antwoord van GitHub Copilot voor Azure met een uitleg van wat een virtueel netwerk is.

  9. Wanneer u tevreden bent, voert u de azd init opdracht uit in de terminal. Beantwoord de prompts. Als u niet zeker weet wat u moet beantwoorden voor een prompt, vraagt u GitHub Copilot voor Azure voor hulp.

  10. Nadat het nieuwe project is geïnitialiseerd, gebruikt azd up u deze om de toepassing in uw abonnement te implementeren. Voer in de terminal de opdracht uit volgens de instructies in het antwoord van de oorspronkelijke prompt.

    azd up
    
  11. De azd up opdracht vraagt om informatie over uw abonnement, waar u de resources kunt implementeren en meer.

    Als u niet zeker weet hoe u kunt antwoorden, kunt u GitHub Copilot voor Azure vragen om hulp. U kunt bijvoorbeeld het volgende vragen:

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

    Mogelijk ziet u een antwoord dat lijkt op de volgende schermopname.

    Schermopname van een antwoord van GitHub Copilot voor Azure met een antwoord dat beschrijft wat de Azure-locaties zijn en hoe u er een kunt kiezen.

  12. Ga door met het beantwoorden van prompts van azd up. Stel waar nodig GitHub Copilot voor Vragen over Azure.

    Afhankelijk van de azd sjabloon die u implementeert en de locatie die u hebt geselecteerd, kan het 20 tot 40 minuten duren voordat de sjabloon is geïmplementeerd.

  13. Als azd up er een fout optreedt, vraagt u GitHub Copilot voor Azure over de fout en hoe u deze kunt oplossen.

Tip

Voor een eenvoudige manier om de laatste terminalopdrachtresultaten te koppelen, gebruikt u het paperclippictogram linksonder in het chatvenster. GitHub Copilot voor Azure kent de resultaten van de terminalopdracht niet, tenzij ze zijn gekopieerd of gekoppeld via de paperclip.

  1. Na een geslaagde implementatie moet u naar de nieuwe website in een webbrowser kunnen gaan. Gebruik Azure Portal om de resources weer te geven die u hebt gemaakt.

Resources opschonen

U kunt GitHub Copilot vragen hoe u alle resources verwijdert die u in de vorige stappen hebt gemaakt:

@azure How do I undeploy this website?

Mogelijk ziet u een antwoord dat lijkt op de volgende schermopname.

Schermopname van een antwoord van GitHub Copilot voor Azure met instructies voor het ongedaan maken van een website.

Hiermee azd down verwijdert u de website en alle resources die u hebt geïmplementeerd in uw Azure-abonnement.