ASP.NET Core-alkalmazás közzététele az Azure-ban a Visual Studio Code használatával

Ebből az oktatóanyagból megtudhatja, hogyan hozhat létre egy ASP.Net Core MVC-alkalmazást, és hogyan helyezheti üzembe azt a Visual Studio Code-on belül. Az oktatóanyag feltételezi, hogy ismeri a VS Code-ot. További információ: A VS Codehasználatának első lépései. Ez az oktatóanyag Windows, macOS vagy Linux rendszerű környezeteken fog működni. Ügyeljen arra, hogy a környezethez a megfelelő elérési utat válassza el a karaktereket (\ és /a karaktereket).

Important

ASP.NET Core előzetes verziójú kiadásai az Azure App Service-ben

ASP.NET Core előzetes verziójú kiadásai alapértelmezés szerint nem lesznek üzembe helyezve az Azure App Service-ben. Ha egy ASP.NET Core előzetes kiadást használó alkalmazást szeretne üzemeltetni, olvassa el a ASP.NET Core előzetes verziójának üzembe helyezését az Azure App Service-ben.

Az App Service üzembe helyezési problémáinak elhárításához tekintse meg az Azure App Service és az IIS ASP.NET Core hibaelhárítását.

Prerequisites

• Egy Azure-előfizetés. Ha nem rendelkezik egy ingyenes Azure-fiókkal, szerezze be az ingyenes Azure-fiókot .
• .NET SDK (legújabb stabil kiadás).
• Visual Studio Code.
  • C#-bővítmény.
  • Azure App Service-bővítmény. A bővítmény használatával jelentkezzen be az Azure-ba a folytatás előtt.

ASP.Net Core MVC-projekt létrehozása

1. Nyissa meg a integrált terminál.

2. Állítsa a munkakönyvtárat (cd) arra a könyvtárra, amely a projektet tartalmazza.

3. Futtassa az alábbi parancsot:

   dotnet new mvc -o MyMVCapp
   code -r MyMVCapp
   

   Az előző parancsok esetében:

   • dotnet new mvc -o MyMVCapp
     • Létrehoz egy új ASP.NET Core MVC-projektet a MyMVCapp mappában.
   • code -r MyMVCapp
     • A MyMVCapp.csproj projektfájlt betölti a Visual Studio Code-ban.
     • A Visual Studio Code frissíti az integrált terminált a projektkönyvtárba.

Note

Ha a "MyMVCapp"-ból hiányzik egy párbeszédpanel, amelyen a buildeléshez és a hibakereséshez szükséges eszközök szerepelnek. Adja hozzá őket?, válassza az Igen lehetőséget.

Egy új ASP.NET Core MVC-projekt jön létre egy MyMVCapp mappában, amely a következőhöz hasonló struktúrával rendelkezik:

      appsettings.Development.json
      appsettings.json
<DIR> bin
<DIR> Controllers
<DIR> Models
      MyMVCapp.csproj
<DIR> obj
      Program.cs
<DIR> Properties
<DIR> Views
<DIR> wwwroot

A projektstruktúra alatt létrejön egy .vscode mappa. Segédprogramfájlokat tartalmaz a ASP.NET Core-webalkalmazás létrehozásához és hibakereséséhez.

A projekt tesztelése

Mielőtt üzembe helyeznénk az alkalmazást az Azure-ban, győződjön meg arról, hogy megfelelően fut a helyi gépen.

1. Nyissa meg az integrált terminált (ha szükséges).

2. A megbízható HTTPS-fejlesztési tanúsítvány beállítása:

   • Az alábbi parancs futtatásával bízza meg a HTTPS-fejlesztési tanúsítványt:

     dotnet dev-certs https --trust
     

     Az előző parancshoz .NET 9 vagy újabb SDK szükséges Linux rendszeren. A .NET 8.0.401-en vagy korábbi SDK-n futó Linux esetén tekintse meg a Linux-disztribúció tanúsítványmegbízhatósági dokumentációját.

     Az előző parancs a következő párbeszédpanelt jeleníti meg, feltéve, hogy a tanúsítvány korábban nem volt megbízható:

     

   • Válassza Igen lehetőséget, ha elfogadja, hogy megbízik a fejlesztési tanúsítványban.

     További információt a SSL- kényszerítése című cikk szakaszában talál, amely a ASP.NET core HTTPS-fejlesztési tanúsítvány megbízhatóságát ismerteti.

   A Firefox böngésző megbízhatóságáról további információt a Firefox SEC_ERROR_INADEQUATE_KEY_USAGE tanúsítványhibacímű témakörben talál.

3. Futtassa a következő parancsot:

   dotnet run
   

   Az előző parancs:

   • Elindul Kestrel, ASP.NET Core beépített webkiszolgálója.
   • Egy URL-címet jelenít meg a webalkalmazás teszteléséhez, például http://localhost:<port>: hol <port> van a projekt létrehozásakor megadott Properties\launchSettings.json véletlenszerű portszám.

   A kimenet az alábbihoz hasonló üzeneteket jelenít meg, amelyek azt jelzik, hogy az alkalmazás fut, és várja a kéréseket:

   $ dotnet run
   Building...
   info: Microsoft.Hosting.Lifetime[14]
       Now listening on: https://localhost:7064
   info: Microsoft.Hosting.Lifetime[14]
       Now listening on: http://localhost:5119
   info: Microsoft.Hosting.Lifetime[0]
       Application started. Press Ctrl+C to shut down.
   info: Microsoft.Hosting.Lifetime[0]
       Hosting environment: Development
   info: Microsoft.Hosting.Lifetime[0]
       Content root path: D:\Src\MyMVCapp\
   

4. Ctrl+kattintson a kimenetben található HTTPS URL-címre a webalkalmazás böngészőben való teszteléséhez. A fenti példában az URL-cím a következő https://localhost:7064: .

5. A tesztelés után nyomja le a CtrlC+ az integrált terminálban a webalkalmazás leállításához.

Az üzembehelyezési csomag helyi létrehozása

1. Az integrált terminálban az alábbi paranccsal hozzon létre egy csomagot a Release helyen található következő bin/Publish mappában.

   dotnet publish -c Release -o ./bin/Publish
   

   A mappában Publish létrejön egy új bin almappa. Ez a mappa tartalmazza az Azure-ban üzembe helyezendő fájlokat.

   

Közzététel az Azure App Service-ben

A Visual Studio Code-hoz készült Azure App Service-bővítmény használatával tegye közzé a webhelyet közvetlenül az Azure App Service-ben az alábbi lépésekkel.

Új Azure Web App-erőforrás létrehozása

Ha nincs meglévő Azure Web App-erőforrása, amelyre közzétehet, létre kell hoznia egyet.

1. Az Azure-bővítmény lap ERŐFORRÁSOK ablaktábláján bontsa ki a használni kívánt előfizetést.
2. Kattintson a jobb gombbal az App Services elemre , és válassza az Új webalkalmazás létrehozása... lehetőséget.
3. Kövesse az utasításokat:
   1. Adjon meg egy egyedi nevet a webalkalmazásnak.
   2. Válassza ki a legújabb stabil .NET-futtatókörnyezetet (például .NET 6 (LTS)). Ne válassza ki a .NET-keretrendszerhez készült ASP.NET futtatókörnyezetet.
   3. Válassza ki a tarifacsomagot. Az Ingyenes (F1) verzió megfelelő ehhez az oktatóanyaghoz.

Közzététel az Azure-ban

1. Kattintson jobb gombbal a bin\Publish mappára, és válassza a Deploy to Web App... lehetőséget, majd kövesse az utasításokat.

   1. Válassza ki azt az előfizetést, amelyben az Azure Web App-erőforrás található.
   2. Válassza ki azt az Azure Web App-erőforrást, amelyhez közzé fogja tenni.
   3. A megerősítést kérő párbeszédpanelen válassza az Üzembe helyezés lehetőséget.

2. Az üzembe helyezés befejezése után kattintson Browse Website az üzembe helyezés ellenőrzéséhez.

   

   Miután rákattintott Browse Website, az alapértelmezett böngészővel navigálhat hozzá:

   

Tip

A fenti lépéseket megismételve újra üzembe helyezheti az alkalmazást ugyanarra az Azure Web App-erőforrásra, amennyire szükség van. Az Azure-ban való üzembe helyezés előtt mindenképpen futtassa dotnet publish újra.

Következő lépések

• Az első Azure DevOps-folyamat létrehozása

További erőforrások

• Azure App Service
• Azure-erőforráscsoportok