Megjegyzés
Az oldalhoz való hozzáféréshez engedély szükséges. Megpróbálhat bejelentkezni vagy módosítani a címtárat.
Az oldalhoz való hozzáféréshez engedély szükséges. Megpróbálhatja módosítani a címtárat.
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
- Web API 2.1
- Visual Studio 2017 (a Visual Studio 2017 letöltése itt)
- Entity Framework 6
- .NET 4.7
- Knockout.js 3.1
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.
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:
- Nyisson meg egy Azure-fiókot ingyenesen – Krediteket kaphat a fizetős Azure-szolgáltatások kipróbálásához, és a használatuk után is megtarthatja a fiókot, és ingyenes Azure-szolgáltatásokat használhat.
- MSDN-előfizetői előnyök aktiválása – AZ MSDN-előfizetés minden hónapban krediteket biztosít, amelyeket a fizetős Azure-szolgáltatásokhoz használhat.
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 .
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.
A Megoldáskezelőben kattintson a jobb gombbal a projektre, és válassza a Közzététel lehetőséget.
A megjelenő ablakban válassza a Start lehetőséget. Megjelenik a Közzétételi cél kiválasztása párbeszédpanel.
Válassza a Profil létrehozása lehetőséget. Megjelenik az App Service létrehozása párbeszédpanel.
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.
Válassza az SQL-adatbázis létrehozása lehetőséget. Megjelenik az SQL Server konfigurálása párbeszédpanel.
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.
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.
Az alkalmazás üzembe helyezéséhez létrehozott profil már elérhető.