Rychlý Start: Vytvoření první webové aplikace v Pythonu pomocí Visual Studio

v této 5-10 minut úvod k Visual Studio jako integrované vývojové prostředí (IDE) můžete vytvořit jednoduchou webovou aplikaci v pythonu založenou na rozhraní baňky. projekt vytvoříte prostřednictvím diskrétních kroků, které vám pomůžou naučit se základními funkcemi Visual Studio.

pokud jste ještě nenainstalovali Visual Studio, pokračujte na stránku soubory ke stažení Visual Studio a nainstalujte si ji zdarma. V instalačním programu se ujistěte, že jste vybrali úlohu vývoje pro Python .

pokud jste ještě nenainstalovali Visual Studio, pokračujte na stránku soubory ke stažení Visual Studio a nainstalujte si ji zdarma. V instalačním programu se ujistěte, že jste vybrali úlohu vývoje pro Python .

pokud jste ještě nenainstalovali Visual Studio, pokračujte na stránku soubory ke stažení Visual Studio a nainstalujte si ji zdarma. v Instalační program pro Visual Studio vyberte úlohu vývoje pythonu a v části podrobnosti o instalaci vyberte webová podpora pythonu.

snímek obrazovky Instalační program pro Visual Studio s vybranou úlohou vývoje pythonu a webovou podporou pythonu

Vytvoření projektu

Následující kroky vytvoří prázdný projekt, který slouží jako kontejner pro aplikaci:

  1. Otevřete sadu Visual Studio 2017.

  2. V horním řádku nabídek vyberte soubor > nový > Project.

  3. v dialogovém okně nový Project v poli hledat v pravém horním rohu zadejte "web Project Python, v rozevíracím seznamu zvolte možnost webový projekt , pojmenujte projekt jako" HelloPython "a pak zvolte OK.

    dialog nový projekt s vybraným webovým Project Python

    pokud nevidíte šablony projektů pythonu, spusťte Instalační program pro Visual Studio, vyberte možnost další > úpravy, vyberte úlohu vývoje v jazyce python a pak zvolte možnost upravit.

    úlohy vývoje pythonu v instalačním programu Visual Studio

  4. Nový projekt se otevře v Průzkumník řešení v pravém podokně. Projekt je v tomto okamžiku prázdný, protože neobsahuje žádné jiné soubory.

    Průzkumník řešení zobrazující nově vytvořený prázdný projekt

  1. otevřete Visual Studio 2019.

  2. Na úvodní obrazovce vyberte vytvořit nový projekt.

  3. v dialogovém okně vytvořit nový projekt zadejte do pole hledat v horní části text "Python web", v rozevíracím seznamu vyberte web Project a potom vyberte další:

    umožňuje vytvořit novou obrazovku projektu pomocí webové Project v pythonu. pokud nevidíte šablony projektů pythonu, spusťte Instalační program pro Visual Studio, vyberte další > upravit, vyberte úlohu vývoje pythonu a pak zvolte upravit.

    úlohy vývoje pythonu v instalačním programu Visual Studio

  4. v následujícím dialogovém okně konfigurace nového projektu zadejte do pole Project název"HelloPython", zadejte umístění a vyberte vytvořit. ( název řešení se automaticky nastaví tak, aby odpovídal názvu Project.)

    Dialogové okno Konfigurovat nový projekt

  5. Nový projekt se otevře v Průzkumník řešení v pravém podokně. Projekt je v tomto okamžiku prázdný, protože neobsahuje žádné jiné soubory.

    Sreenshot zobrazující nově vytvořený prázdný projekt v Průzkumník řešení.

  1. otevřete Visual Studio 2022.

  2. Na úvodní obrazovce vyberte vytvořit nový projekt.

  3. V dialogovém okně vytvořit nový projekt zadejte do pole Hledat v horní části text "Python web". v seznamu vyberte možnost webové Project a potom vyberte možnost další:

    snímek obrazovky se zvolenou obrazovkou vytvořit nový projekt s webovým Project v pythonu

    pokud nevidíte šablony webového projektu v pythonu, vyberte nástroje > pro spuštění Instalační program pro Visual Studio nástrojů získat nástroje a funkce . V instalačním programu vyberte úlohu vývoje Pythonu a v části Podrobnosti o instalaci vyberte webová podpora Pythonu. Pak vyberte Upravit.

  4. v dialogovém okně konfigurovat nový projekt zadejte do pole název Project"HelloPython", zadejte umístění a pak vyberte vytvořit. název řešení se automaticky aktualizuje tak, aby odpovídal názvu Project.

    Snímek obrazovky se zobrazeným dialogem Konfigurovat nový projekt

Nový projekt se otevře v Průzkumník řešení v pravém podokně. Projekt je v tomto okamžiku prázdný, protože neobsahuje žádné jiné soubory.

Snímek obrazovky zobrazující Průzkumník řešení s nově vytvořeným prázdným projektem

otázka: jaká je výhoda vytvoření projektu v Visual Studio pro aplikaci Python?

Odpověď: aplikace Pythonu se obvykle definují jenom pomocí složek a souborů, ale tato jednoduchá struktura může být zatěžující, protože aplikace roste větší. Aplikace mohou zahrnovat automaticky generované soubory, JavaScript pro webové aplikace a další součásti. Visual Studio projekt pomáhá spravovat tuto složitost.

Projekt, soubor . pyproj , identifikuje všechny zdrojové a obsahové soubory přidružené k vašemu projektu. Soubor . pyproj obsahuje informace o sestavení pro každý soubor, uchovává informace pro integraci se systémy správy zdrojového kódu a pomáhá organizovat aplikace do logických komponent.

Otázka: co je "řešení" zobrazeno v Průzkumník řešení?

odpověď: Visual Studio řešení je kontejner, který vám pomůže spravovat jeden nebo víc souvisejících projektů jako skupinu. Řešení ukládá nastavení konfigurace, která nejsou specifická pro projekt. Projekty v řešení mohou také odkazovat na sebe navzájem. Například spuštění projektu aplikace Python může automaticky sestavit druhý projekt, například rozšíření C++, které používá aplikace Python.

Instalace knihovny baněk

Webové aplikace v Pythonu téměř vždy používají jednu z mnoha dostupných knihoven Python ke zpracování podrobností nízké úrovně, jako je směrování webových požadavků a reakce na tvarování. Visual Studio poskytuje mnoho šablon pro webové aplikace. Jednu z těchto šablon použijete dále v tomto rychlém startu.

následující postup použijte k instalaci knihovny baněk do výchozího globálního prostředí , které Visual Studio používá pro tento projekt.

  1. Rozbalením uzlu prostředí Pythonu v projektu zobrazíte výchozí prostředí pro projekt.

    Průzkumník řešení zobrazující výchozí prostředí

  2. Klikněte pravým tlačítkem na prostředí a vyberte instalovat balíček python. Tento příkaz otevře okno prostředí Pythonu na kartě balíčky .

  3. Do vyhledávacího pole zadejte "baněk" a vyberte PIP Install baněk z PyPI. přijměte všechny výzvy k oprávněním správce a sledujte okno výstup ve Visual Studio pro průběh. (Výzva ke zvýšení oprávnění nastane, pokud se složka balíčků pro globální prostředí nachází v chráněné oblasti, jako je C:\Program Files.)

    Instalace knihovny baněk pomocí instalace PIP

  1. Rozbalením uzlu prostředí Pythonu v projektu zobrazíte výchozí prostředí pro projekt.

    Průzkumník řešení zobrazující výchozí prostředí

  2. Klikněte pravým tlačítkem na prostředí a vyberte Spravovat balíčky Pythonu.... Tento příkaz otevře okno prostředí Pythonu na kartě Packages (PyPi) .

  3. Do vyhledávacího pole zadejte "baněk". Pokud se objeví baňka pod vyhledávacím polem, můžete tento krok přeskočit. V opačném případě vyberte Spustit příkaz: Instalační baňka PIP. přijměte všechny výzvy k oprávněním správce a sledujte okno výstup ve Visual Studio pro průběh. (Výzva ke zvýšení oprávnění nastane, pokud se složka balíčků pro globální prostředí nachází v chráněné oblasti, jako je C:\Program Files.)

    Instalace knihovny baněk pomocí instalace PIP

  1. Rozbalením uzlu prostředí Pythonu v projektu zobrazíte výchozí prostředí pro projekt.

    Snímek obrazovky znázorňující výchozí prostředí v Průzkumník řešení.

  2. Klikněte pravým tlačítkem na prostředí a vyberte Spravovat balíčky Pythonu. Tento příkaz otevře okno prostředí Pythonu na kartě Packages (PyPi) .

  3. Do vyhledávacího pole zadejte "baněk". Pokud se objeví baňka pod vyhledávacím polem, můžete tento krok přeskočit. V opačném případě vyberte Spustit příkaz: Instalační baňka PIP.

    Snímek obrazovky, který ukazuje instalaci knihovny baněk pomocí instalace PIP

    Pokud je složka globální balíčky prostředí v chráněné oblasti jako C:\Program Files, zobrazí se výzva ke zvýšení úrovně oprávnění. Přijměte všechny výzvy pro oprávnění správce. podívejte se na okno výstup Visual Studio pro průběh.

Po nainstalování se knihovna zobrazí v prostředí v Průzkumník řešení, což znamená, že ji můžete použít v kódu Pythonu.

Nainstalovaná a zobrazená knihovna baněk v Průzkumník řešení

Nainstalovaná a zobrazená knihovna baněk v Průzkumník řešení

Snímek obrazovky zobrazující nainstalovanou knihovnu a zobrazení v Průzkumník řešení.

Poznámka

Místo instalace knihoven v globálním prostředí vývojáři většinou vytvoří "virtuální prostředí", ve kterém se budou instalovat knihovny pro konkrétní projekt. šablony Visual Studio obvykle nabízejí tuto možnost, jak je popsáno v tématu rychlý start – vytvoření projektu v pythonu pomocí šablony.

Otázka: kde se dozvím Další informace o dalších dostupných balíčcích Pythonu?

Odpověď: přejděte na Rejstřík balíčku Pythonu.

Přidat soubor kódu

Nyní jste připraveni přidat bitovou kopii kódu Pythonu pro implementaci minimální webové aplikace.

  1. Klikněte pravým tlačítkem myši na projekt v Průzkumník řešení a vyberte možnost Přidat > novou položku.

  2. V dialogovém okně, které se zobrazí, vyberte prázdný soubor Pythonu, pojmenujte ho App.py a vyberte Přidat. Visual Studio automaticky otevře soubor v okně editoru.

  3. Zkopírujte následující kód a vložte ho do App.py:

    from flask import Flask
    
    # Create an instance of the Flask class that is the WSGI application.
    # The first argument is the name of the application module or package,
    # typically __name__ when using a single module.
    app = Flask(__name__)
    
    # Flask route decorators map / and /hello to the hello function.
    # To add other resources, create functions that generate the page contents
    # and add decorators to define the appropriate resource locators for them.
    
    @app.route('/')
    @app.route('/hello')
    def hello():
        # Render the page
        return "Hello Python!"
    
    if __name__ == '__main__':
        # Run the app server on localhost:4449
        app.run('localhost', 4449)
    
  1. Klikněte pravým tlačítkem myši na projekt v Průzkumník řešení a vyberte možnost Přidat > novou položku.

  2. V dialogovém okně, které se zobrazí, vyberte prázdné. Jako název zadejte App.py a pak vyberte Přidat. Visual Studio automaticky otevře soubor v okně editoru.

  3. Zkopírujte následující kód a vložte ho do App.py:

    from flask import Flask
    
    # Create an instance of the Flask class that is the WSGI application.
    # The first argument is the name of the application module or package,
    # typically __name__ when using a single module.
    app = Flask(__name__)
    
    # Flask route decorators map / and /hello to the hello function.
    # To add other resources, create functions that generate the page contents
    # and add decorators to define the appropriate resource locators for them.
    
    @app.route('/')
    @app.route('/hello')
    def hello():
        # Render the page
        return "Hello Python!"
    
    if __name__ == '__main__':
        # Run the app server on localhost:4449
        app.run('localhost', 4449)
    

Možná jste si všimli, že > dialogové okno Přidat novou položku obsahuje mnoho dalších typů souborů, které můžete přidat do projektu Pythonu, včetně třídy Python, balíčku Pythonu, testu jednotek Pythonu, web.config souborů a dalších. Obecně platí, že tyto šablony položek jsou skvělým způsobem, jak rychle vytvářet soubory s užitečným často používaným kódem.

Otázka: kde se mohu dozvědět více o baňce?

Odpověď: Přečtěte si dokumentaci k baňce počínaje rychlým startem baňky.

Spuštění aplikace

  1. V Průzkumník řešení klikněte pravým tlačítkem na App.py a pak v rozevírací nabídce vyberte nastavit jako spouštěcí soubor . Tento příkaz identifikuje soubor kódu, který se spustí v Pythonu při spuštění aplikace.

    Nastavení spouštěcího souboru pro projekt v Průzkumník řešení

    Nastavení spouštěcího souboru pro projekt v Průzkumník řešení

    Snímek obrazovky, který ukazuje nastavení spouštěcího souboru pro projekt v Průzkumník řešení.

  2. Klikněte pravým tlačítkem na projekt v Průzkumník řešení a vyberte vlastnosti. V nabídce vlastnosti vyberte kartu ladění a nastavte vlastnost číslo portu na 4449 . toto nastavení zajišťuje, že Visual Studio spustí prohlížeč s localhost:4449 , aby odpovídal app.run argumentům v kódu.

  3. Vyberte ladit > Spustit bez ladění nebo stiskněte CTRL + F5, které uloží změny souborů a spustí aplikaci.

  4. Zobrazí se okno příkaz se zprávou spuštěnou v protokolu https: / /localhost: 4449. Otevře se okno prohlížeče localhost:4449 a zobrazí se zpráva Hello, Python! GETPožadavek se také zobrazí v příkazovém okně se stavem 200 .

    Pokud se prohlížeč neotevře automaticky, spusťte prohlížeč podle svého výběru a přejděte na localhost:4449 .

    Pokud se v příkazovém okně zobrazí jenom interaktivní prostředí Pythonu nebo se toto okno na obrazovce krátce zabliká, ujistěte se, že App.py je nastavená jako spouštěcí soubor.

  5. Přejděte na, localhost:4449/hello abyste otestovali, že dekoratér /hello prostředku taky funguje. Znovu se v GET příkazovém okně zobrazí požadavek se stavem 200 . Vyzkoušejte si jiné adresy URL a podívejte se, že zobrazují 404 stavové kódy v příkazovém okně.

  6. Zavřete okno příkaz a zastavte aplikaci a zavřete okno prohlížeče.

Otázka: Jaký je rozdíl mezi příkazy spustit bez ladění a spustit ladění?

odpověď: pomocí rutiny spustit ladění spustíte aplikaci v kontextu Visual Studio ladicího programu. Pomocí ladicího programu můžete nastavit zarážky, kontrolovat proměnné a krokovat kód podle řádku. Aplikace mohou běžet pomaleji v ladicím programu z důvodu zapojování, které usnadňují ladění.

Spustit bez ladění spustí aplikaci přímo, jako kdybyste ji spustili z příkazového řádku bez kontextu ladění. Možnost Spustit bez ladění také automaticky spustí prohlížeč a přejde na adresu URL zadanou na kartě ladění vlastností projektu.

Další kroky

Blahopřejeme ke spuštění první aplikace v Pythonu z Visual Studio. seznámili jste se trochu s používáním Visual Studio jako Python IDE.

Vzhledem k tomu, že kroky, které jste provedli v tomto rychlém startu, jsou poměrně obecné, pravděpodobně jste se seznámili s tím, že by mohly být a tato automatizace je role Visual Studio šablon projektů. Projděte si rychlý Start – vytvořením projektu v Pythonu pomocí šablony vytvoříte webovou aplikaci podobnou té, kterou najdete v tomto článku, ale s méně kroky.

pokud chcete pokračovat v úplném kurzu na pythonu v Visual Studio, včetně použití interaktivního okna, ladění, vizualizace dat a práce s Git, postupujte podle kurzu: začínáme s pythonem v Visual Studio.

pokud chcete prozkoumat další Visual Studio musí nabídnout, vyberte odkazy níže.