Oktatóanyag: ASP.NET-alkalmazás üzembe helyezése az Azure-ban Azure SQL DatabaseTutorial: Deploy an ASP.NET app to Azure with Azure SQL Database

Az Azure App Service egy hatékonyan méretezhető, önjavító webes üzemeltetési szolgáltatás.Azure App Service provides a highly scalable, self-patching web hosting service. Ebből az oktatóanyagból megtudhatja, hogyan helyezhet üzembe egy adatvezérelt ASP.NET-alkalmazást a App Serviceban, és hogyan csatlakoztatható a Azure SQL Databasehoz.This tutorial shows you how to deploy a data-driven ASP.NET app in App Service and connect it to Azure SQL Database. Ha elkészült, az Azure-ban futó ASP.NET-alkalmazás és a SQL Database csatlakozik.When you're finished, you have an ASP.NET app running in Azure and connected to SQL Database.

Közzétett ASP.NET-alkalmazás Azure App Service

Az oktatóanyag a következőket ismerteti:In this tutorial, you learn how to:

  • Adatbázis létrehozása Azure SQL DatabaseCreate a database in Azure SQL Database
  • ASP.NET-alkalmazás csatlakoztatása SQL Database-adatbázishozConnect an ASP.NET app to SQL Database
  • Az alkalmazás üzembe helyezése az Azure-banDeploy the app to Azure
  • Az adatmodell frissítése és az alkalmazás ismételt üzembe helyezéseUpdate the data model and redeploy the app
  • Naplók streamelése az Azure-ból a saját terminálbaStream logs from Azure to your terminal
  • Az alkalmazás kezelése az Azure PortalonManage the app in the Azure portal

Ha nem rendelkezik Azure- előfizetéssel, a Kezdés előtt hozzon létre egy ingyenes fiókot .If you don't have an Azure subscription, create a free account before you begin.

ElőfeltételekPrerequisites

Az oktatóanyag elvégzéséhez:To complete this tutorial:

Telepítse a Visual Studio 2019 alkalmazást a ASP.net és a webes fejlesztési munkaterheléssel.Install Visual Studio 2019 with the ASP.NET and web development workload.

Ha már telepítette a Visual studiót, adja hozzá a számítási feladatokat a Visual studióhoz, Ehhez kattintson az eszközök > beolvasása eszközök és funkciókelemre.If you've installed Visual Studio already, add the workloads in Visual Studio by clicking Tools > Get Tools and Features.

A minta letöltéseDownload the sample

A mintaprojekt az Entity Framework Code First szolgáltatást használó, alapszintű ASP.NET MVC CRUD (létrehoz-olvas-frissít-töröl) alkalmazást tartalmaz.The sample project contains a basic ASP.NET MVC create-read-update-delete (CRUD) app using Entity Framework Code First.

Az alkalmazás futtatásaRun the app

Nyissa meg a dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln fájlt a Visual Studióban.Open the dotnet-sqldb-tutorial-master/DotNetAppSqlDb.sln file in Visual Studio.

Az alkalmazás hibakeresés nélküli futtatásához nyomja le a Ctrl+F5 billentyűkombinációt.Type Ctrl+F5 to run the app without debugging. Az alkalmazás megjelenik az alapértelmezett böngészőben.The app is displayed in your default browser. Kattintson az Új létrehozása hivatkozásra, és hozzon létre néhány teendőt.Select the Create New link and create a couple to-do items.

A New ASP.NET Project (Új ASP.NET-projekt) párbeszédpanel

Tesztelje az Edit (Szerkesztés), a Details (Részletek) és a Delete (Törlés) hivatkozást.Test the Edit, Details, and Delete links.

Az alkalmazás adatbázis-környezetet használ az adatbázishoz való kapcsolódáshoz.The app uses a database context to connect with the database. Ebben a példában az adatbázis-környezet a MyDbConnection nevű kapcsolati sztringet használja.In this sample, the database context uses a connection string named MyDbConnection. A kapcsolati sztring a Web.config fájlban adható meg, és a Models/MyDatabaseContext.cs fájl hivatkozik rá.The connection string is set in the Web.config file and referenced in the Models/MyDatabaseContext.cs file. A kapcsolati karakterlánc nevét az oktatóanyag későbbi részében használva csatlakoztathatja az Azure-alkalmazást egy Azure SQL Databasehoz.The connection string name is used later in the tutorial to connect the Azure app to an Azure SQL Database.

ASP.NET-alkalmazás közzététele az Azure-banPublish ASP.NET application to Azure

A Solution Explorer (Megoldáskezelő) lapon kattintson a jobb gombbal a DotNetAppSqlDb projektre, és válassza a Publish (Közzététel) elemet.In the Solution Explorer, right-click your DotNetAppSqlDb project and select Publish.

Közzététel a Megoldáskezelőből

Válassza ki célként az Azure -t, kattintson a Tovább gombra, és győződjön meg arról, hogy Azure app Service (Windows) van kiválasztva, majd kattintson ismét a Tovább gombra.Select Azure as your target, click next, and make sure that Azure App Service (Windows) is selected and click next again.

Közzététel a projekt áttekintő oldaláról

Bejelentkezés az Azure-baSign in to Azure

A Közzététel párbeszédpanelen kattintson a fiók hozzáadása elemre a fiókkezelő legördülő listából, majd jelentkezzen be az Azure-előfizetésbe.In the Publish dialog, click Add an account from the account manager drop down, and then sign in to your Azure subscription. Ha már be van jelentkezve egy Microsoft-fiókba, győződjön meg arról, hogy abban a fiókban található az előfizetése.If you're already signed into a Microsoft account, make sure that account holds your Azure subscription. Ha nem abban a Microsoft-fiókban van az Azure-előfizetése, amelyikbe be van jelentkezve, kattintással adja hozzá a helyes fiókot.If the signed-in Microsoft account doesn't have your Azure subscription, click it to add the correct account.

Bejelentkezés az Azure-ba

Megjegyzés

Ha már be van jelentkezve, akkor még ne válassza a Create (Létrehozás) lehetőséget.If you're already signed in, don't select Create yet.

A webalkalmazás nevének konfigurálásaConfigure the web app name

Megtarthatja a webalkalmazás létrehozott nevét, vagy módosíthatja egy másik egyedi névre (érvényes karakterek: a-z, 0-9 és -).You can keep the generated web app name, or change it to another unique name (valid characters are a-z, 0-9, and -). A webalkalmazás neve az alkalmazás alapértelmezett URL-címének a részeként használatos (<app_name>.azurewebsites.net, amelyben az <app_name> a webalkalmazás neve).The web app name is used as part of the default URL for your app (<app_name>.azurewebsites.net, where <app_name> is your web app name). A webalkalmazás nevének egyedinek kell lennie az Azure összes alkalmazása tekintetében.The web app name needs to be unique across all apps in Azure.

A Create App Service (App Service létrehozása) párbeszédpanel

Hozzon létre egy erőforráscsoportotCreate a resource group

Az erőforráscsoport olyan logikai tároló, amelybe a rendszer üzembe helyezi és kezeli az Azure-erőforrásokat, például a webalkalmazásokat, adatbázisokat és a Storage-fiókokat.A resource group is a logical container into which Azure resources, such as web apps, databases, and storage accounts, are deployed and managed. Dönthet úgy is például, hogy később egyetlen egyszerű lépésben törli a teljes erőforráscsoportot.For example, you can choose to delete the entire resource group in one simple step later.

  1. A Resource Group (Erőforráscsoport) mellett kattintson a New (Új) elemre.Next to Resource Group, click New.

    A Resource Group (Erőforráscsoport) mellett kattintson a New (Új) elemre.

  2. Adja a myResourceGroup nevet az erőforráscsoportnak.Name the resource group myResourceGroup.

App Service-csomag létrehozásaCreate an App Service plan

Az alkalmazást tároló webkiszolgálófarm helyét, méretét és funkcióit egy App Service-csomag határozza meg.An App Service plan specifies the location, size, and features of the web server farm that hosts your app. Pénzt takaríthat meg, ha több alkalmazást is üzemeltet, és úgy konfigurálja a webalkalmazásokat, hogy egyetlen App Service csomagot osszon meg.You can save money when you host multiple apps by configuring the web apps to share a single App Service plan.

Az App Service-csomagok a következőket határozzák meg:App Service plans define:

  • Régió (például: Észak-Európa, az USA keleti régiója vagy Délkelet-Ázsia)Region (for example: North Europe, East US, or Southeast Asia)
  • Példányméret (kicsi, közepes vagy nagy)Instance size (small, medium, or large)
  • Skálázási szám (1–20 példány)Scale count (1 to 20 instances)
  • Termékváltozat (Ingyenes, Közös, Alapszintű, Standard, Prémium)SKU (Free, Shared, Basic, Standard, or Premium)
  1. Az App Service Plan (App Service-csomag) mellett kattintson a New (Új) elemre.Next to App Service Plan, click New.

  2. A Configure App Service Plan (App Service-csomag konfigurálása) párbeszédpanelen konfigurálja az új App Service-csomagot a következő beállításokkal:In the Configure App Service Plan dialog, configure the new App Service plan with the following settings:

    App Service-csomag létrehozása

    BeállításSetting Ajánlott értékSuggested value További tudnivalókFor more information
    App Service-csomagApp Service Plan myAppServicePlanmyAppServicePlan App Service-csomagokApp Service plans
    HelyLocation Nyugat-EurópaWest Europe Azure-régiókAzure regions
    MéretSize IngyenesFree Árképzési szintekPricing tiers
  3. A Közzététel párbeszédpanel a konfigurált erőforrásokat jeleníti meg.The Publish dialog shows the resources you've configured. Kattintson a Finish (Befejezés) gombra.Click Finish.

    a létrehozott erőforrások

A kiszolgáló létrehozásaCreate a server

Adatbázis létrehozása előtt logikai SQL Serverrevan szükség.Before creating a database, you need a logical SQL server. A logikai SQL-kiszolgáló olyan logikai szerkezet, amely csoportként kezelt adatbázisok egy csoportját tartalmazza.A logical SQL server is a logical construct that contains a group of databases managed as a group.

  1. Kattintson a Konfigurálás elemre SQL Server adatbázis a csatlakoztatott szolgáltatásokterületen.Click Configure next to SQL Server Database under Connected Services.

    SQL-adatbázis létrehozása

  2. A Azure SQL Database párbeszédpanelen kattintson az adatbázis-kiszolgálómelletti új elemre.In the Azure SQL Database dialog, click New next to Database Server.

    A rendszer létrehoz egy egyedi kiszolgálónevet.A unique server name is generated. A rendszer ezt a nevet használja a kiszolgáló alapértelmezett URL-címének részeként <server_name>.database.windows.net .This name is used as part of the default URL for your server, <server_name>.database.windows.net. Egyedinek kell lennie az összes Azure SQL-kiszolgáló között.It must be unique across all servers in Azure SQL. Módosíthatja a kiszolgáló nevét, ezen oktatóanyag esetén azonban tartsa meg a létrehozott értéket.You can change the server name, but for this tutorial, keep the generated value.

  3. Adjon meg egy rendszergazdai felhasználónevet és jelszót.Add an administrator username and password. A jelszó „összetettségére” vonatkozó követelményeket a jelszavakra vonatkozó szabályzattal foglalkozó cikkben tekintheti meg.For password complexity requirements, see Password Policy.

    Jegyezze meg ezt a felhasználónevet és jelszót.Remember this username and password. A kiszolgálót később kell kezelnie.You need them to manage the server later.

    Kiszolgáló létrehozása

    Fontos

    Bár a kapcsolati sztringekban lévő jelszava maszkolva van (a Visual Studióban és az App Service szolgáltatásban is), a tény, hogy valamilyen rendszer tárolja, növeli az alkalmazás támadható felületét.Even though your password in the connection strings is masked (in Visual Studio and also in App Service), the fact that it's maintained somewhere adds to the attack surface of your app. Az App Service megszüntetheti ezt a kockázatot felügyelt szolgáltatásidentitások használatával, feleslegessé téve a titkos kódokat az alkalmazáskonfigurációban.App Service can use managed service identities to eliminate this risk by removing the need to maintain secrets in your code or app configuration at all. További információ: Következő lépések.For more information, see Next steps.

  4. Kattintson az OK gombra.Click OK. Ne zárja még be a Configure SQL Database (SQL Database konfigurálása) párbeszédpanelt.Don't close the Configure SQL Database dialog yet.

Adatbázis létrehozása Azure SQL DatabaseCreate a database in Azure SQL Database

  1. A Azure SQL Database párbeszédpanelen:In the Azure SQL Database dialog:

    • Tartsa meg a Database Name (Adatbázisnév) alapértelmezés szerint létrehozott értékét.Keep the default generated Database Name.
    • Kattintson a Létrehozás gombra.Select Create.

    Adatbázis konfigurálása

  2. Az adatbázis-kapcsolatok karakterláncának nevemezőbe írja be a következőt: MyDbConnection.In the Database connection String Name, type MyDbConnection. Ennek a névnek meg kell egyeznie a Models/MyDatabaseContext.cs fájlban hivatkozott kapcsolati sztringgel.This name must match the connection string that is referenced in Models/MyDatabaseContext.cs.

  3. Adja meg a Server 3. lépésében használt rendszergazdai felhasználónevet és jelszót az adatbázis felhasználónevében és jelszavában.Enter the Admin username and password you used in Create a server step 3 into the Database username and password respectively.

    Adatbázis-kapcsolatok karakterláncának konfigurálása

  4. Válassza a Befejezés lehetőséget.Select Finish.

Miután a varázsló befejezte az Azure-erőforrások létrehozását, kattintson a publish (közzététel ) gombra a ASP.NET-alkalmazás Azure-beli üzembe helyezéséhez.Once the wizard finishes creating the Azure resources, click Publish to deploy your ASP.NET app to Azure. Az alapértelmezett böngésző az üzembe helyezett alkalmazásra mutató URL-címmel indul el.Your default browser is launched with the URL to the deployed app.

Adjon hozzá néhány teendőt.Add a few to-do items.

Közzétett ASP.NET-alkalmazás az Azure-alkalmazásban

Gratulálunk!Congratulations! Az adatvezérelt ASP.NET-alkalmazás fut és elérhető az Azure App Service-ben.Your data-driven ASP.NET application is running live in Azure App Service.

Az adatbázis elérése helyilegAccess the database locally

A Visual Studio segítségével egyszerűen feltárhatja és kezelheti az új adatbázist a SQL Server Object Explorerban.Visual Studio lets you explore and manage your new database easily in the SQL Server Object Explorer.

Adatbázis-kapcsolat létrehozásaCreate a database connection

A View (Nézet) menüben válassza az SQL Server Object Explorer lehetőséget.From the View menu, select SQL Server Object Explorer.

Az SQL Server Object Explorer felső részében kattintson az Add SQL Server (SQL Server hozzáadása) gombra.At the top of SQL Server Object Explorer, click the Add SQL Server button.

Az adatbázis-kapcsolat konfigurálásaConfigure the database connection

A Connect (Csatlakozás) párbeszédpanelen bontsa ki az Azure csomópontot.In the Connect dialog, expand the Azure node. Az Azure-ban található összes SQL Database-példány látható itt.All your SQL Database instances in Azure are listed here.

Válassza ki a korábban létrehozott adatbázist.Select the database that you created earlier. A korábban létrehozott kapcsolatot a rendszer automatikusan megadja a lap alján.The connection you created earlier is automatically filled at the bottom.

Írja be a korábban létrehozott adatbázis-rendszergazdai jelszót, és kattintson a Connect (Csatlakozás) elemre.Type the database administrator password you created earlier and click Connect.

Az adatbázis-kapcsolat konfigurálása a Visual Studióban

Ügyfélkapcsolat engedélyezése a számítógépenAllow client connection from your computer

Megnyílik a Create a new firewall rule (Új tűzfalszabály létrehozása) párbeszédpanel.The Create a new firewall rule dialog is opened. Alapértelmezés szerint a kiszolgáló csak az Azure-szolgáltatások (például az Azure-alkalmazások) adatbázisaihoz való kapcsolódást teszi lehetővé.By default, a server only allows connections to its databases from Azure services, such as your Azure app. Ha az Azure-on kívülről szeretne csatlakozni az adatbázishoz, hozzon létre egy tűzfalszabály-kiszolgálót a kiszolgáló szintjén.To connect to your database from outside of Azure, create a firewall rule at the server level. A tűzfalszabály engedélyezi a helyi számítógép nyilvános IP-címét.The firewall rule allows the public IP address of your local computer.

A párbeszédpanel már ki van töltve a számítógép nyilvános IP-címével.The dialog is already filled with your computer's public IP address.

Jelölje be az Add my client IP (Ügyfél IP-címének hozzáadása) választógombot, és kattintson az OK gombra.Make sure that Add my client IP is selected and click OK.

Tűzfalszabály létrehozása

Miután a Visual Studio befejezte a tűzfal beállítását az SQL Database-példány számára, a kapcsolat megjelenik az SQL Server Object Explorerben.Once Visual Studio finishes creating the firewall setting for your SQL Database instance, your connection shows up in SQL Server Object Explorer.

Itt elvégezheti a leggyakoribb adatbázis-műveleteket, például lekérdezések futtatását, nézetek és tárolt eljárások létrehozását és sok minden mást.Here, you can perform the most common database operations, such as run queries, create views and stored procedures, and more.

Bontsa ki a > adatbázisok > ** < adatbázis->** > táblázatait.Expand your connection > Databases > <your database> > Tables. Kattintson a jobb gombbal a Todoes táblára, és válassza a View Data (Adatok megtekintése) lehetőséget.Right-click on the Todoes table and select View Data.

SQL Database-objektumok megismerése

Az alkalmazás frissítése Code First migrálásokkalUpdate app with Code First Migrations

A Visual Studióban található ismerős eszközök segítségével frissítheti az adatbázist és az alkalmazást az Azure-ban.You can use the familiar tools in Visual Studio to update your database and app in Azure. Ebben a lépésben Code First migrálásokat használ az Entity Frameworkben az adatbázisséma módosításához, majd annak közzétételéhez az Azure-ban.In this step, you use Code First Migrations in Entity Framework to make a change to your database schema and publish it to Azure.

Az Entity Framework Code First migrálásainak a használatával kapcsolatos további információkért tekintse meg a Getting Started with Entity Framework 6 Code First using MVC 5 (Ismerkedés az Entity Framework 6 Code First használatával az MVC 5 segítségével) című cikket.For more information about using Entity Framework Code First Migrations, see Getting Started with Entity Framework 6 Code First using MVC 5.

Adatmodell frissítéseUpdate your data model

A kódszerkesztőben nyissa meg a Models\Todo.cs fájlt.Open Models\Todo.cs in the code editor. Adja hozzá a következő tulajdonságot a ToDo osztályhoz:Add the following property to the ToDo class:

public bool Done { get; set; }

Code First migrálás helyi futtatásaRun Code First Migrations locally

Futtasson néhány parancsot a helyi adatbázis frissítéséhez.Run a few commands to make updates to your local database.

Kattintson a Tools (Eszközök) menü NuGet Package Manager > Package Manager Console (NuGet-csomagkezelő > Csomagkezelő konzol) elemére.From the Tools menu, click NuGet Package Manager > Package Manager Console.

A Package Manager Console (Csomagkezelő konzol) ablakban engedélyezze a Code First migrálásokat:In the Package Manager Console window, enable Code First Migrations:

Enable-Migrations

Migrálás felvétele:Add a migration:

Add-Migration AddProperty

Frissítse a helyi adatbázist:Update the local database:

Update-Database

Az alkalmazás futtatásához nyomja le a Ctrl+F5 billentyűkombinációt.Type Ctrl+F5 to run the app. Tesztelje a szerkesztést, a részletek megtekintését és a létrehozást lehetővé tevő hivatkozást.Test the edit, details, and create links.

Ha az alkalmazás betöltése hibák nélkül fejeződik be, a Code First migrálások sikeresek voltak.If the application loads without errors, then Code First Migrations has succeeded. A lap azonban továbbra is ugyanúgy néz ki, mert az alkalmazáslogika még nem használja az új tulajdonságot.However, your page still looks the same because your application logic is not using this new property yet.

Az új tulajdonság használataUse the new property

Hajtson végre néhány módosítást a kódban a Done tulajdonság használatához.Make some changes in your code to use the Done property. Ebben az oktatóanyagban az egyszerűség kedvéért csak az Index és a Create nézetet módosítja, így láthatja a tulajdonságot működés közben.For simplicity in this tutorial, you're only going to change the Index and Create views to see the property in action.

Nyissa meg a Controllers\TodosController.cs fájlt.Open Controllers\TodosController.cs.

Keresse meg a Create() metódust az 52. sorban, és adja hozzá a Done kifejezést a Bind attribútum tulajdonságlistájához.Find the Create() method on line 52 and add Done to the list of properties in the Bind attribute. Amikor végzett, a Create() metódus aláírása a következő kódhoz hasonló:When you're done, your Create() method signature looks like the following code:

public ActionResult Create([Bind(Include = "Description,CreatedDate,Done")] Todo todo)

Nyissa meg a Views\Todos\Create.cshtml fájlt.Open Views\Todos\Create.cshtml.

A Razor-kódban látnia kell a <div class="form-group"> elemet, amely a model.Description elemet használja, majd egy másik <div class="form-group"> elemet, amely a model.CreatedDate elemet használja.In the Razor code, you should see a <div class="form-group"> element that uses model.Description, and then another <div class="form-group"> element that uses model.CreatedDate. Közvetlenül ezután a két elem után adjon hozzá egy másik <div class="form-group"> elemet, amely a model.Done elemet használja:Immediately following these two elements, add another <div class="form-group"> element that uses model.Done:

<div class="form-group">
    @Html.LabelFor(model => model.Done, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        <div class="checkbox">
            @Html.EditorFor(model => model.Done)
            @Html.ValidationMessageFor(model => model.Done, "", new { @class = "text-danger" })
        </div>
    </div>
</div>

Nyissa meg a Views\Todos\Index.cshtml fájlt.Open Views\Todos\Index.cshtml.

Keresse meg az üres <th></th> elemet.Search for the empty <th></th> element. Az elem felett adja hozzá a következő Razor-kódot:Just above this element, add the following Razor code:

<th>
    @Html.DisplayNameFor(model => model.Done)
</th>

Keresse meg a Html.ActionLink() segédmetódusokat tartalmazó <td> elemet.Find the <td> element that contains the Html.ActionLink() helper methods. Ezen <td>felett adjon hozzá egy másik <td> elemet a következő Razor-kóddal:Above this <td>, add another <td> element with the following Razor code:

<td>
    @Html.DisplayFor(modelItem => item.Done)
</td>

Mást nem kell tennie a módosítások megtekintéséhez az Index és a Create nézetben.That's all you need to see the changes in the Index and Create views.

Az alkalmazás futtatásához nyomja le a Ctrl+F5 billentyűkombinációt.Type Ctrl+F5 to run the app.

Most hozzáadhat teendőket, és bejelölheti a Kész jelölőnégyzetet.You can now add a to-do item and check Done. Ezután ennek meg kell jelennie a főoldalon befejezett elemként.Then it should show up in your homepage as a completed item. Ne feledje, hogy az Edit nézetben nem jelenik meg a Done mező, mivel az Edit nézetet nem módosította.Remember that the Edit view doesn't show the Done field, because you didn't change the Edit view.

Code First migrálások engedélyezése az Azure-banEnable Code First Migrations in Azure

Most, hogy a kód módosítása működik, beleértve az adatbázis-áttelepítést, közzéteszi az Azure-alkalmazásban, és frissíti a SQL Database a Code First Migrálás szolgáltatással.Now that your code change works, including database migration, you publish it to your Azure app and update your SQL Database with Code First Migrations too.

Fentiekhez hasonlóan kattintson jobb gombbal a projektre, majd válassza a Publish (Közzététel) lehetőséget.Just like before, right-click your project and select Publish.

A Configure (Konfigurálás) elemre kattintva nyissa meg a közzétételi beállításokat.Click Configure to open the publish settings.

Közzétételi beállítások megnyitása

A varázslóban kattintson a továbbgombra.In the wizard, click Next.

Ellenőrizze, hogy az SQL Database-adatbázis kapcsolati sztringje látható a MyDatabaseContext (MyDbConnection) alatt.Make sure that the connection string for your SQL Database is populated in MyDatabaseContext (MyDbConnection). Előfordulhat, hogy kell kiválasztania a myToDoAppDb adatbázist a legördülő listából.You may need to select the myToDoAppDb database from the dropdown.

Válassza az Execute Code First Migrations (runs on application start) (Code First migrálások végrehajtása (alkalmazásindításakor fut)) elemet, majd kattintson a Save (Mentés) gombra.Select Execute Code First Migrations (runs on application start), then click Save.

Kód első áttelepítésének engedélyezése az Azure-alkalmazásban

A módosítások közzétételePublish your changes

Most, hogy engedélyezte a kód első áttelepítését az Azure-alkalmazásban, tegye közzé a kód módosításait.Now that you enabled Code First Migrations in your Azure app, publish your code changes.

A közzétételi oldalon kattintson a Publish (Közzététel) elemre.In the publish page, click Publish.

Próbálkozzon újabb teendő elemek hozzáadásával, kattintson a Done (Kész) gombra, ami után az elemeknek befejezett elemekként kell megjelenniük a kezdőlapon.Try adding to-do items again and select Done, and they should show up in your homepage as a completed item.

Azure-alkalmazás a kód első áttelepítése után

A meglévő teendők továbbra is megjelennek.All your existing to-do items are still displayed. Ha ismét közzéteszi az ASP.NET-alkalmazást, az SQL Database-ben meglévő adatok nem vesznek el.When you republish your ASP.NET application, existing data in your SQL Database is not lost. A Code First migrálások emellett csak az adatsémát módosítják, a meglévő adatokat érintetlenül hagyják.Also, Code First Migrations only changes the data schema and leaves your existing data intact.

Alkalmazásnaplók streameléseStream application logs

A nyomkövetési üzeneteket közvetlenül az Azure-alkalmazásból a Visual studióba is továbbíthatja.You can stream tracing messages directly from your Azure app to Visual Studio.

Nyissa meg a Controllers\TodosController.cs fájlt.Open Controllers\TodosController.cs.

Minden művelet egy Trace.WriteLine() metódussal indul.Each action starts with a Trace.WriteLine() method. Ez a kód azt mutatja be, hogyan lehet nyomkövetési üzeneteket hozzáadni az Azure-alkalmazáshoz.This code is added to show you how to add trace messages to your Azure app.

A Server Explorer megnyitásaOpen Server Explorer

A View (Nézet) menüben válassza a Server Explorer (Kiszolgálókezelő) lehetőséget.From the View menu, select Server Explorer. Az Azure-alkalmazás naplózását a Server Explorerbenállíthatja be.You can configure logging for your Azure app in Server Explorer.

Naplóstreamelés engedélyezéseEnable log streaming

A Server Explorer (Kiszolgálókezelő) ablakában bontsa ki az Azure > App Service csomópontot.In Server Explorer, expand Azure > App Service.

Bontsa ki a myResourceGroup erőforráscsoportot, amelyet az Azure-alkalmazás első létrehozásakor hozott létre.Expand the myResourceGroup resource group, you created when you first created the Azure app.

Kattintson a jobb gombbal az Azure-alkalmazásra, és válassza a folyamatos átviteli naplók megtekintéselehetőséget.Right-click your Azure app and select View Streaming Logs.

Naplóstreamelés engedélyezése

A naplókat mostantól az Output (Kimenet) ablakba streameli a rendszer.The logs are now streamed into the Output window.

Az Output (Kimenet) ablakban streamelt napló

Nem jelennek még azonban meg a nyomkövetési üzenetek.However, you don't see any of the trace messages yet. Ennek oka az, hogy amikor először kiválasztja a folyamatos átviteli naplók megtekintéselehetőséget, az Azure-alkalmazás a nyomkövetési szintet állítja be Error , amely csak a hibák eseményeit naplózza (a Trace.TraceError() metódussal).That's because when you first select View Streaming Logs, your Azure app sets the trace level to Error, which only logs error events (with the Trace.TraceError() method).

Nyomkövetési szintek módosításaChange trace levels

Ha módosítani szeretné a nyomkövetési szinteket a többi nyomkövetési üzenet megjelenítéséhez, lépjen vissza a Server Explorer (Kiszolgálókezelő) ablakába.To change the trace levels to output other trace messages, go back to Server Explorer.

Kattintson ismét a jobb gombbal az Azure-alkalmazásra, és válassza a beállítások megtekintéselehetőséget.Right-click your Azure app again and select View Settings.

Az Application Logging (File System) (Alkalmazásnaplózás (fájlrendszer)) legördülő menüben válassza a Verbose (Részletes) elemet.In the Application Logging (File System) dropdown, select Verbose. Kattintson a Mentés gombra.Click Save.

Nyomkövetési szint módosítása Verbose (Részletes) értékűre

Tipp

Kísérletezhet a különböző szintű nyomkövetésekkel, hogy lássa, milyen típusú üzenetek jelennek meg az egyes szintek esetén.You can experiment with different trace levels to see what types of messages are displayed for each level. Az információs szint például magában foglalja a, a és a által létrehozott összes naplót, Trace.TraceInformation() de a Trace.TraceWarning() Trace.TraceError() által létrehozott naplók nem Trace.WriteLine() .For example, the Information level includes all logs created by Trace.TraceInformation(), Trace.TraceWarning(), and Trace.TraceError(), but not logs created by Trace.WriteLine().

A böngészőben nyissa meg újra az alkalmazást az http:// <>. azurewebsites.net nevűalkalmazásban, majd próbálja meg az Azure-ban a Feladatlista-alkalmazás körét.In your browser navigate to your app again at http://<your app name>.azurewebsites.net, then try clicking around the to-do list application in Azure. A nyomkövetési üzeneteket mostantól a Visual Studio Output (Kimenet) ablakába streameli a rendszer.The trace messages are now streamed to the Output window in Visual Studio.

Application: 2017-04-06T23:30:41  PID[8132] Verbose     GET /Todos/Index
Application: 2017-04-06T23:30:43  PID[8132] Verbose     GET /Todos/Create
Application: 2017-04-06T23:30:53  PID[8132] Verbose     POST /Todos/Create
Application: 2017-04-06T23:30:54  PID[8132] Verbose     GET /Todos/Index

Naplóstreamelés leállításaStop log streaming

A naplóstreamelési szolgáltatás leállításához kattintson az Output (Kimenet) ablak Stop monitoring (Megfigyelés leállítása) gombjára.To stop the log-streaming service, click the Stop monitoring button in the Output window.

Naplóstreamelés leállítása

Az Azure-alkalmazás kezeléseManage your Azure app

Ugorjon az Azure Portalra, és felügyelje a létrehozott webalkalmazást.Go to the Azure portal to manage the web app. Keresse meg és válassza ki a app Services.Search for and select App Services.

Azure-App Services keresése

Válassza ki az Azure-alkalmazás nevét.Select the name of your Azure app.

Navigálás a portálon egy Azure-alkalmazáshoz

Az alkalmazás oldalán landolt.You have landed in your app's page.

Alapértelmezés szerint a portál megjeleníti az Áttekintés oldalt.By default, the portal shows the Overview page. Ezen az oldalon megtekintheti az alkalmazás állapotát.This page gives you a view of how your app is doing. Itt elvégezhet olyan alapszintű felügyeleti feladatokat is, mint a böngészés, leállítás, elindítás, újraindítás és törlés.Here, you can also perform basic management tasks like browse, stop, start, restart, and delete. Az oldal bal oldalán lévő lapok a különböző megnyitható konfigurációs oldalakat jelenítik meg.The tabs on the left side of the page show the different configuration pages you can open.

Az App Service lap az Azure Portalon

Az erőforrások eltávolításaClean up resources

Az előző lépésekben Azure-erőforrásokat hozott létre egy erőforráscsoportban.In the preceding steps, you created Azure resources in a resource group. Ha várhatóan nincs szüksége ezekre az erőforrásokra a későbbiekben, az erőforráscsoport eltávolításával törölheti őket.If you don't expect to need these resources in the future, you can delete them by deleting the resource group.

  1. Az Azure Portalon a webalkalmazás Áttekintés lapján válassza az Erőforráscsoport szakasz myResourceGroup hivatkozását.From your web app's Overview page in the Azure portal, select the myResourceGroup link under Resource group.
  2. Az erőforráscsoport lapján ellenőrizze, hogy a felsorolt erőforrásokat szeretné-e törölni.On the resource group page, make sure that the listed resources are the ones you want to delete.
  3. Válassza a Törlés elemet, írja be a myResourceGroup kifejezést a szövegmezőbe, majd válassza a Törlés elemet.Select Delete, type myResourceGroup in the text box, and then select Delete.

További lépésekNext steps

Ez az oktatóanyag bemutatta, hogyan végezheti el az alábbi műveleteket:In this tutorial, you learned how to:

  • Adatbázis létrehozása Azure SQL DatabaseCreate a database in Azure SQL Database
  • ASP.NET-alkalmazás csatlakoztatása SQL Database-adatbázishozConnect an ASP.NET app to SQL Database
  • Az alkalmazás üzembe helyezése az Azure-banDeploy the app to Azure
  • Az adatmodell frissítése és az alkalmazás ismételt üzembe helyezéseUpdate the data model and redeploy the app
  • Naplók streamelése az Azure-ból a saját terminálbaStream logs from Azure to your terminal
  • Az alkalmazás kezelése az Azure PortalonManage the app in the Azure portal

A következő oktatóanyag azt mutatja be, hogyan növelheti könnyedén az Azure SQL Database szolgáltatással létrehozott kapcsolat biztonságát.Advance to the next tutorial to learn how to easily improve the security of your connection Azure SQL Database.

További források:More resources:

Szeretné optimalizálni és menteni a Felhőbeli kiadásait?Want to optimize and save on your cloud spending?