Använda webb-API 2 med Entity Framework 6

Ladda ned slutfört projekt

I den här handledningen lär du dig grunderna i att skapa en webbapplikation med en ASP.NET webb-API-bakgrund. Handledningen använder Entity Framework 6 för dataskiktet och Knockout.js för klientsidans JavaScript-applikation. Självstudien visar också hur du distribuerar appen till Azure App Service Web Apps.

Programvaruversioner som används i handledningen

  • Webb-API 2.1
  • Visual Studio 2017 (ladda ned Visual Studio 2017 här)
  • Entity Framework 6
  • .NET 4.7
  • Knockout.js 3.1

I den här handledningen används ASP.NET Web API 2 med Entity Framework 6 för att skapa en webbapplikation som manipulerar en bakgrundsdatabas. Här är en skärmbild av programmet som du skapar.

Skärmbild av det skapade programfönstret, Boktjänst, som visar fönsterrutorna Böcker, Information och Lägg till bok.

Appen använder en design för enkeltsidesapplikationer (single-page application). "Enkelsidigt program" är den allmänna termen för ett webbprogram som läser in en enda HTML-sida och sedan uppdaterar sidan dynamiskt, i stället för att läsa in nya sidor. Efter den första sidinläsningen pratar appen med servern via AJAX-begäranden. AJAX-begäranden returnerar JSON-data, som appen använder för att uppdatera användargränssnittet.

AJAX är inte nytt, men idag finns det JavaScript-ramverk som gör det enklare att skapa och underhålla ett stort avancerat SPA-program. I den här självstudien används Knockout.js, men du kan använda valfritt JavaScript-klientramverk.

Här är de viktigaste byggstenarna för den här appen:

  • ASP.NET MVC skapar HTML-sidan.
  • ASP.NET webb-API hanterar AJAX-begäranden och returnerar JSON-data.
  • Knockout.js data binder HTML-elementen till JSON-data.
  • Entity Framework pratar med databasen.

Se den här appen som körs i Azure

Vill du se att den färdiga webbplatsen körs som en livewebbapp? Du kan distribuera en fullständig version av appen till ditt Azure-konto genom att välja följande knapp.

Du behöver ett Azure-konto för att distribuera den här lösningen till Azure. Om du inte redan har ett konto har du följande alternativ:

  • Öppna ett Azure-konto kostnadsfritt – Du får krediter som du kan använda för att prova betalda Azure-tjänster, och även när de har förbrukats kan du behålla kontot och använda kostnadsfria Azure-tjänster.
  • Aktivera MSDN-prenumerantförmåner – Din MSDN-prenumeration ger dig krediter varje månad som du kan använda för betalda Azure-tjänster.

Skapa projektet

Öppna Visual Studio. På menyn Arkiv väljer du Nytt och sedan Projekt. (Eller välj Nytt projekt på startsidan.)

I dialogrutan Nytt projekt väljer du Webb i den vänstra rutan och ASP.NET webbprogram (.NET Framework) i mittenfönstret. Ge projektet namnet BookService och välj OK.

Skärmbild av dialogrutan Nytt projekt med webbalternativet i den vänstra rutan och En S P-punkt Net Web Application i det mittersta fönstret markerat.

I dialogrutan Nytt ASP.NET projekt väljer du mallen Webb-API .

Skärmbild av dialogrutan för ett nytt ASP.NET-projekt med Webb-API-mallen markerad med blå färg.

Välj OK för att skapa projektet.

Konfigurera Azure-inställningar (valfritt)

När du har skapat projektet kan du välja att distribuera till Azure App Service Web Apps när som helst.

  1. Högerklicka på projektet i Solution Explorer och välj Publicera.

  2. I fönstret som visas väljer du Start. Dialogrutan Välj ett publiceringsmål visas.

    Skärmbild av dialogrutan Välj ett publiceringsmål med alternativet App Service i den vänstra rutan och alternativet Skapa ny i det mittersta fönstret markerat.

  3. Välj Skapa profil. Dialogrutan Skapa App Service visas.

    Skärmbild av dialogrutan Skapa App Service med värden som anges i fälten appnamn, prenumeration, resursgrupp, värdplan och insikter.

    Acceptera standardvärdena eller ange olika värden för programnamnet, resursgruppen, värdplanen, Azure-prenumerationen och den geografiska regionen.

  4. Välj Skapa en SQL-databas. Dialogrutan Konfigurera SQL Server visas.

    Skärmbild av dialogrutan Konfigurera S Q L Server med värden som anges i fälten servernamn, plats, administratörsnamn och administratörslösenord.

    Acceptera standardvärdena eller ange olika värden. Ange ett administratörsanvändarnamn och administratörslösenord för den nya databasen. Välj OK när du är klar. Sidan Skapa App Service visas igen.

  5. Välj Skapa för att skapa din profil. Ett meddelande visas i det nedre högra hörnet som anger att distributionen pågår. Efter en kort stund visas fönstret Publicera igen.

    Skärmbild av fönstret Publicera som visar de nyligen skapade profil-, profilinformations- och hanteringsalternativen.

    Profilen som du skapade för att distribuera appen är nu tillgänglig.

Next

  • Last updated on