A Web API 2 használata az Entity Framework 6-tal

Befejezett projekt letöltése

Ez az oktatóanyag bemutatja a webalkalmazások ASP.NET webes API háttérrendszerrel való létrehozásának alapjait. Az oktatóanyag az Entity Framework 6-ot használja az adatréteghez, és Knockout.js az ügyféloldali JavaScript-alkalmazáshoz. Az oktatóanyag azt is bemutatja, hogyan helyezheti üzembe az alkalmazást az Azure App Service Web Appsben.

Az oktatóanyagban használt szoftververziók

Ez az oktatóanyag a ASP.NET Web API 2-t és az Entity Framework 6-ot használja egy háttéradatbázist módosító webalkalmazás létrehozásához. Itt látható egy képernyőkép a létrehozni kívánt alkalmazásról.

Képernyőkép a létrehozott alkalmazásablakról, a Book Service-ről, amelyen a Könyvek, a Részletek és a Könyv hozzáadása panel látható.

Az alkalmazás egyoldalas (SPA) kialakítást használ. Az "egyoldalas alkalmazás" egy olyan webalkalmazás általános kifejezése, amely egyetlen HTML-lapot tölt be, majd dinamikusan frissíti a lapot az új lapok betöltése helyett. A kezdeti oldalbetöltés után az alkalmazás az AJAX-kérelmeken keresztül kommunikál a kiszolgálóval. Az AJAX-kérelmek JSON-adatokat adnak vissza, amelyeket az alkalmazás a felhasználói felület frissítéséhez használ.

Az AJAX nem új, de ma már vannak JavaScript-keretrendszerek, amelyek megkönnyítik egy nagy, kifinomult SPA-alkalmazás összeállítását és karbantartását. Ez az oktatóanyag Knockout.jshasznál, de bármilyen JavaScript-ügyfél-keretrendszert használhat.

Az alkalmazás fő építőelemei a következők:

  • ASP.NET MVC létrehozza a HTML-lapot.
  • ASP.NET Web API kezeli az AJAX-kérelmeket, és JSON-adatokat ad vissza.
  • Knockout.js adat köti a HTML-elemeket a JSON-adatokhoz.
  • Az Entity Framework beszél az adatbázissal.

Az Azure-ban futó alkalmazás megtekintése

Élő webalkalmazásként szeretné látni a kész webhelyet? Az alkalmazás teljes verzióját üzembe helyezheti az Azure-fiókjában az alábbi gombra kattintva.

A megoldás Azure-beli üzembe helyezéséhez Azure-fiókra van szüksége. Ha még nem rendelkezik fiókkal, a következő lehetőségek közül választhat:

A projekt létrehozása

Nyissa meg a Visual Studiót. A Fájl menüben válassza az Új, majd a Project lehetőséget. (Vagy válassza az Új projekt lehetőséget a kezdőlapon.)

Az Új projekt párbeszédpanelen válassza a Web lehetőséget a bal oldali panelen, és ASP.NET webalkalmazást (.NET-keretrendszer) a középső panelen. Nevezze el a projekt BookService szolgáltatását , és válassza az OK gombot.

Képernyőkép az Új projekt párbeszédpanelről, amelyen a bal oldali panelen a Web lehetőség, a középső panelen pedig az ASP.NET webalkalmazás látható.

Az Új ASP.NET Projekt párbeszédpanelen válassza ki a webes API-sablont .

Képernyőkép az Új A S P pont Net Project párbeszédpanelről, amelyen a webes API-sablon kék színnel van kiemelve.

Kattintson az OK gombra a projekt létrehozásához.

Azure-beállítások konfigurálása (nem kötelező)

A projekt létrehozása után bármikor üzembe helyezheti az Azure App Service Web Apps szolgáltatásban.

  1. A Megoldáskezelőben kattintson a jobb gombbal a projektre, és válassza a Közzététel lehetőséget.

  2. A megjelenő ablakban válassza a Start lehetőséget. Megjelenik a Közzétételi cél kiválasztása párbeszédpanel.

    Képernyőkép a Közzétételi cél kiválasztása párbeszédpanelről, amelyen a bal oldali panelen az App Service lehetőség, a középső panelen pedig az Új létrehozása lehetőség látható.

  3. Válassza a Profil létrehozása lehetőséget. Megjelenik az App Service létrehozása párbeszédpanel.

    Képernyőkép az App Service létrehozása párbeszédpanelről, amelyen az alkalmazás neve, előfizetése, erőforráscsoportja, üzemeltetési csomagja és elemzési mezőibe beírt értékek szerepelnek.

    Fogadja el az alapértelmezett értékeket, vagy adjon meg különböző értékeket az alkalmazás nevének, az erőforráscsoportnak, az üzemeltetési tervnek, az Azure-előfizetésnek és a földrajzi régiónak.

  4. Válassza az SQL-adatbázis létrehozása lehetőséget. Megjelenik az SQL Server konfigurálása párbeszédpanel.

    Képernyőkép az S Q L-kiszolgáló konfigurálása párbeszédpanelről, amelyen a kiszolgálónév, a hely, a rendszergazda neve és a rendszergazdai jelszó mezőibe beírt értékek szerepelnek.

    Fogadja el az alapértelmezett értékeket, vagy adjon meg más értékeket. Adjon meg rendszergazdai felhasználónevet és rendszergazdai jelszót az új adatbázishoz. Ha végzett, válassza az OK gombot. Újra megjelenik az App Service létrehozása lap.

  5. Válassza a Létrehozás lehetőséget a profil létrehozásához. A jobb alsó sarokban egy üzenet jelenik meg, amely jelzi, hogy az üzembe helyezés folyamatban van. Rövid idő után újra megjelenik a Közzététel ablak.

    Képernyőkép az újonnan létrehozott profilt, profiladatokat és felügyeleti beállításokat megjelenítő Közzététel ablakról.

    Az alkalmazás üzembe helyezéséhez létrehozott profil már elérhető.