Rövid útmutató: Python-webalkalmazás létrehozása a Visual Studióval

Ebben a rövid útmutatóban egy Python-webalkalmazást hoz létre a Visual Studióban a Flask-keretrendszer alapján. A projektet különálló lépésekben hozhatja létre, amelyek segítenek megismerni a Visual Studio alapvető funkcióit. Megtudhatja, hogyan hozhat létre projektelemeket, adhat hozzá kódot és futtathat alkalmazásokat.

Ha telepítenie kell a Visual Studiót, nyissa meg a Visual Studio letöltéseit , és telepítse ingyenesen. A Visual Studio Installerben válassza ki a Python fejlesztési számítási feladatát. A telepítés részletei panelen válassza a Python webes támogatását.

A projekt létrehozása

Az alábbi lépések létrehoznak egy üres projektet, amely tárolóként szolgál az alkalmazás számára.

1. Nyissa meg a Visual Studiót. A kezdőképernyőn válassza az Új projekt létrehozása lehetőséget.

2. Az Új projekt létrehozása párbeszédpanelen írja be a Python-web kifejezést a keresőmezőbe. Az eredmények listájában válassza a Web Project, majd a Tovább lehetőséget.

   

   Ha nem látja a Python webes projektsablonjait, válassza az Eszközök lekérése>eszközök és szolgáltatások lehetőséget a Visual Studio Installer futtatásához. A telepítőben válassza ki a Python fejlesztési számítási feladatát. A Telepítés részletei területen válassza a Python webes támogatását, majd a Módosítás lehetőséget.

3. Az új projekt konfigurálása párbeszédpanelen írja be a HelloPython nevet a Projekt nevére, adjon meg egy projekthelyet, és válassza a Létrehozás lehetőséget.

   

   Az új projekt megnyílik a Megoldáskezelőben. A megoldás neve automatikusan úgy van beállítva, hogy megfeleljen a projekt nevének. Az új projekt üres, mert nem tartalmaz fájlokat.

   

Projektek és megoldások a Visual Studióban

A Python-alkalmazásokhoz készült Visual Studióban számos előnnyel jár a projekt létrehozása. A Python-alkalmazásokat általában csak mappák és fájlok használatával definiálják, de ez az egyszerű struktúra nehézkessé válhat az alkalmazások növekedésével. Az alkalmazások tartalmazhatnak automatikusan létrehozott fájlokat, webalkalmazásokhoz készült JavaScriptet és más összetevőket. Egy Visual Studio-projekt segít kezelni ezt a bonyolultságot.

A projekt egy .pyproj fájllal van azonosítva, amely azonosítja a projekthez társított összes forrás- és tartalomfájlt. A .pyproj fájl buildinformációkat tartalmaz az egyes fájlokhoz, fenntartja a forrásvezérlő rendszerekkel való integrációhoz szükséges információkat, és segít az alkalmazás logikai összetevőkbe rendezésében.

A Visual Studio-megoldások olyan tárolók, amelyek segítségével egy vagy több kapcsolódó projektet kezelhet csoportként. A Visual Studio a Megoldáskezelőben jeleníti meg a megoldásokat. A megoldás olyan konfigurációs beállításokat tárol, amelyek nem egy projektre vonatkoznak. A megoldásokban lévő projektek hivatkozhatnak egymásra is. Egy Python-alkalmazásprojekt futtatása például automatikusan létrehozhat egy második projektet, például egy C++ bővítményt, amelyet a Python-alkalmazás használ.

A Flask-kódtár telepítése

A Python webalkalmazásai szinte mindig a rendelkezésre álló Python-kódtárak egyikét használják alacsony szintű részletek, például a webes kérések útválasztása és a válaszok alakítása érdekében. A Visual Studio számos sablont biztosít webalkalmazásokhoz. A rövid útmutató későbbi részében ezen sablonok egyikéből hozhat létre projektet.

Az alábbi lépésekkel telepítheti a Flask-kódtárat a Visual Studio által a projekthez használt alapértelmezett globális környezetbe .

1. Bontsa ki a Python-környezetek csomópontot a projektben a projekt alapértelmezett környezetének megtekintéséhez.

   

2. Kattintson a jobb gombbal a környezetre, és válassza a Python-csomagok kezelése lehetőséget. Ez a parancs megnyitja a Python-környezetek ablakot a Csomagok (PyPI) lapon.

3. Írja be a flaskot a keresőmezőbe.

   • Ha a Flask parancs megjelenik a keresőmező alatt, akkor a Flask már megtalálható a rendszeren. Folytassa a következő lépésben.

   • Ha a Flask parancs nem jelenik meg a keresőmező alatt, válassza a Futtatás parancsot: pip install flask.

     

     A jogosultságszint-emelési kérés akkor jelenik meg, ha a globális környezeti csomagok mappája védett területen található, például C:\Program Files. Fogadja el a rendszergazdai jogosultságokra vonatkozó kéréseket. A Visual Studio Output ablakában megtekintheti a folyamat előrehaladását.

4. A Flask telepítése után a kódtár megjelenik a környezetben a Megoldáskezelőben. Mostantól a Flask-parancsokat is használhatja a Python-kódban.

   

Megjegyzés:

Ahelyett, hogy könyvtárakat telepítene a globális környezetben, a fejlesztők általában egy virtuális környezetet hoznak létre, amelyben kódtárakat telepíthetnek egy adott projekthez. A Visual Studio-sablonok általában ezt a lehetőséget kínálják, a Rövid útmutató – Python-projekt létrehozása sablonnal című témakörben leírtak szerint.

Az egyéb elérhető Python-csomagokkal kapcsolatos további információkért lásd a Python-csomagindexet.

Kódfájl hozzáadása

Most már készen áll néhány Python-kód hozzáadására egy minimális webalkalmazás implementálásához.

1. Kattintson a jobb gombbal a projektre a Megoldáskezelőben, és válassza azÚj elem> lehetőséget.

2. Az Új elem hozzáadása párbeszédpanelen válassza az Üres Python-fájl lehetőséget.

3. Adja meg a fájl nevét app.py, és válassza a Hozzáadás lehetőséget. A Visual Studio automatikusan megnyitja a fájlt egy szerkesztőablakban.

4. Másolja ki a következő kódot, és illessze be a app.py fájlba:

   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)
   
   

Az Új elem hozzáadása párbeszédpanel számos más típusú fájlt jelenít meg, amelyeket hozzáadhat egy Python-projekthez, például Python-osztályt, Python-csomagot, Python-egységtesztet vagy web.config fájlokat. Általánosságban elmondható, hogy ezek az elemsablonok nagyszerű lehetőséget biztosítanak a fájlok gyors létrehozására hasznos sablonkóddal.

A Flaskról további információt a Flask rövid útmutatója tartalmaz.

Az alkalmazás futtatása

A webalkalmazás futtatásához kövesse az alábbi lépéseket:

1. A Megoldáskezelőben kattintson a jobb gombbal a app.py fájlra, és válassza a Beállítás indítási fájlként lehetőséget. Ez a parancs azonosítja a Pythonban az alkalmazás futtatásakor elindítandó kódfájlt.

   

2. Kattintson a jobb gombbal a projektre a Megoldáskezelőben , és válassza a Tulajdonságok lehetőséget.

3. A Tulajdonságok párbeszédpanel Hibakeresés lapján állítsa a Portszám tulajdonságot a következőre 4449: . Ez a beállítás biztosítja, hogy a Visual Studio elindítsa a böngészőt localhost:4449 a app.run kód argumentumainak megfelelően.

4. A Visual Studióban válassza a Hibakeresés>hibakeresés nélkül lehetőséget, vagy válassza a CtrlF5+, amely menti a fájlok módosításait, és futtatja az alkalmazást.

   Megnyílik egy parancsablak, és megjelenik a "Futtatás a következőben https://localhost:4449": ;. Megnyílik egy localhost:4449 böngészőablak, és megjelenik a "Hello, Python!" üzenet. A GET kérés a parancsablakban " 200" állapottal is megjelenik.

   Ha egy böngésző nem nyílik meg automatikusan, nyissa meg a választott böngészőt, és nyissa meg a következőt localhost:4449: .

   Ha csak a Python interaktív felületét látja a parancsablakban, vagy ha az ablak rövid ideig villog a képernyőn, győződjön meg arról, hogy a app.py fájl be van állítva indítási fájlként.

5. A böngészőablakban ellenőrizze localhost:4449/hello , hogy az erőforrás dekorátora /hello is működik-e.

   GET A kérés ismét megjelenik a parancsablakban "200" állapottal.

   Próbálkozzon más URL-címekkel is, hogy a parancsablakban megjelenjenek a "404" állapotkódok.

6. Zárja be a parancsablakot az alkalmazás leállításához, majd zárja be a böngészőablakot.

Hibakereséssel vagy hibakeresés nélkül

Az alkalmazást a hibakeresés engedélyezésével vagy anélkül is futtathatja. Az alábbiakban az alábbi lehetőségek közötti különbségeket mutatjuk be:

• A Hibakeresés indítása parancs a Visual Studio hibakereső környezetében futtatja az alkalmazást. A hibakeresővel töréspontokat állíthat be, megvizsgálhatja a változókat, és sorról sorra haladhat végig a kódsoron. Előfordulhat, hogy az alkalmazások lassabban futnak a hibakeresőben a hibakeresést lehetővé tevő horgok miatt.

• A Start hibakeresés nélkül paranccsal közvetlenül, hibakeresési környezet nélkül futtathatja az alkalmazást, hasonlóan az alkalmazás parancssorból való futtatásához. Ez a parancs automatikusan elindít egy böngészőt, és megnyitja a projekt Tulajdonságok>hibakeresés lapján megadott URL-címet.

Kapcsolódó tartalom

• Rövid útmutató: Python-projekt létrehozása sablonból
• Oktatóanyag: A Python használata a Visual Studióban
• Python-webalkalmazás-projektsablonok