Sdílet prostřednictvím


Rychlý start: Sestavení a nasazení aplikace pomocí GitHub Copilotu pro Azure Preview

Tento rychlý start vás provede používáním GitHub Copilotu pro Azure Preview k vytvoření a nasazení nového webu v Azure. Ukazuje jeden ze způsobů, jak integrovat GitHub Copilot pro Azure do pracovního postupu vývoje a nasazení.

Požadavky

Úplné pokyny k nastavení najdete v článku Začínáme . Ujistěte se, že máte následující položky:

  • Účet GitHub Copilot.
  • Rozšíření GitHub Copilot Chat pro Visual Studio Code
  • Rozšíření GitHub Copilot pro Azure Preview pro Visual Studio Code
  • Předplatné Azure. Pokud ho nemáte, může vám pomoct GitHub Copilot pro Azure.

Vytvoření a nasazení webu pomocí GitHub Copilotu pro Azure Preview

  1. Na místním počítači vytvořte novou složku, kde můžete vytvořit místní klon úložiště GitHub.

  2. V editoru Visual Studio Code vyberte Zobrazit>terminál. V podokně terminálu přejděte do nové složky.

  3. Na záhlaví vyberte ikonu Otevřít chat (logo GitHub Copilotu) a otevřete tak podokno chatu na sekundárním bočním panelu.

    Snímek obrazovky znázorňující podokno chatu GitHub Copilot

    Pokud chcete zahájit novou relaci chatu, vyberte ikonu plus (+) v záhlaví podokna.

    Důležité

    Pokud se zobrazí neočekávané výsledky, začněte znovu používat novou chatovací relaci.

  4. Do textového pole chatu v dolní části podokna zadejte následující výzvu za @azure. Pak vyberte Odeslat (ikona papírového letadla) nebo na klávesnici vyberte Enter.

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

    Po chvíli gitHub Copilot pro Azure pravděpodobně navrhne azd šablonu, která se má použít.

    Důležité

    Než budete pokračovat v postupu podle pokynů GitHub Copilotu pro Azure, možná budete muset provést ověření ve svém účtu Azure. Pokračujte podle pokynů k ověřování.

    Může se zobrazit odpověď podobná následujícímu příkladu.

    Snímek obrazovky znázorňující odpověď z GitHub Copilotu pro Azure s pokyny k vytvoření webu v Azure pomocí šablony

    Důležité

    Přesné znění odpovědi se liší pokaždé, když GitHub Copilot pro odpovědi Azure odpovídá na to, jak velké jazykové modely generují odpovědi.

  5. Pokud odpověď poskytne příkaz, který začíná azd init na plotu kódu, najeďte myší na plot kódu, aby se zobrazila malá místní nabídka akcí.

    Snímek obrazovky znázorňující místní nabídku s možností vložení příkazu ohraničeného kódem do terminálu editoru Visual Studio Code

    Výběrem možnosti Vložit do terminálu vložte příkaz do terminálu.

    Snímek obrazovky znázorňující terminál editoru Visual Studio Code po vložení příkazu ohraničeného kódem

  6. Před spuštěním azd init příkazu můžete mít dotazy ohledně toho, jak ovlivňuje váš místní počítač a vaše předplatné Azure.

    Použijte následující výzvu:

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

    Může se zobrazit odpověď podobná následujícímu snímku obrazovky.

    Snímek obrazovky znázorňující odpověď z GitHub Copilotu pro Azure s vysvětlením, k čemu slouží inicializační příkaz

  7. Další informace o azd šabloně najdete v následující výzvě:

    @azure What resources are created with this template?
    

    Může se zobrazit odpověď podobná následujícímu snímku obrazovky.

    Snímek obrazovky znázorňující odpověď z GitHub Copilotu pro Azure s vysvětlením prostředků vytvořených navrženou šablonou

  8. Položte otázky týkající se služeb, které šablona používá, s výzvou, například:

    @azure What is the purpose of a virtual network?
    

    Může se zobrazit odpověď podobná následujícímu snímku obrazovky.

    Snímek obrazovky znázorňující odpověď z GitHub Copilotu pro Azure s vysvětlením, co je virtuální síť

  9. Až budete spokojeni, spusťte azd init příkaz v terminálu. Odpovězte na své výzvy. Pokud si nejste jistí, na co odpovědět na výzvu, požádejte o pomoc GitHub Copilot pro Azure.

  10. Po inicializaci nového projektu použijte azd up k nasazení aplikace do vašeho předplatného. V terminálu spusťte příkaz podle pokynů v odpovědi původního řádku.

    azd up
    
  11. Příkaz azd up požádá o informace o vašem předplatném, kde nasazovat prostředky a další.

    Pokud si nejste jistí, jak odpovědět, můžete požádat o pomoc GitHub Copilot pro Azure. Můžete se například zeptat:

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

    Může se zobrazit odpověď podobná následujícímu snímku obrazovky.

    Snímek obrazovky znázorňující odpověď z GitHub Copilotu pro Azure s odpovědí, která popisuje, co jsou umístění Azure a jak si ji vybrat

  12. Pokračujte a odpovězte na výzvy od azd up. Podle potřeby položte GitHub Copilot na otázky k Azure.

    V závislosti na azd šabloně, kterou nasazujete, a umístění, které jste vybrali, může nasazení šablony trvat 20 až 40 minut (nebo více).

  13. Pokud azd up dojde k chybě, zeptejte se GitHub Copilotu pro Azure na chybu a zjistěte, jak ji můžete vyřešit.

Tip

Pokud chcete snadno připojit výsledky posledního příkazu terminálu, použijte ikonu sponky v levém dolním rohu podokna chatu. GitHub Copilot pro Azure nezná výsledky příkazu terminálu, pokud nejsou zkopírovány nebo připojené pomocí sponky.

  1. Po úspěšném nasazení byste měli být schopni přejít na nový web ve webovém prohlížeči. Pomocí webu Azure Portal můžete zobrazit prostředky, které jste vytvořili.

Vyčištění prostředků

Můžete požádat GitHub Copilot pro Azure, jak odebrat všechny prostředky, které jste vytvořili v předchozích krocích:

@azure How do I undeploy this website?

Může se zobrazit odpověď podobná následujícímu snímku obrazovky.

Snímek obrazovky znázorňující odpověď z GitHub Copilotu pro Azure s pokyny k zrušení nasazení webu

Slouží azd down k odebrání webu a všech prostředků, které jste nasadili do předplatného Azure.