Windows-alkalmazás létrehozása Azure-háttérrendszerrel
Áttekintés
Ez az oktatóanyag azt ismerteti, hogyan adhat felhőalapú háttérszolgáltatásokat Univerzális Windows Platform- (UWP-) alkalmazásokhoz. További információ: Mi a Mobile Apps szolgáltatás?. Az alábbiakban az elkészült alkalmazás képernyőképei láthatók:
Az oktatóanyag végrehajtása feltétele a Mobile Apps UWP-alkalmazásokra vonatkozó összes többi oktatóanyag elérésének.
Előfeltételek
Az oktatóanyag elvégzéséhez az alábbiakra lesz szüksége:
- Aktív Azure-fiók. Ha nincs fiókja, regisztráljon az Azure próba-előfizetésére, és akár 10 ingyenes mobilalkalmazáshoz is hozzájuthat, amelyeket a próba-előfizetés lejárta után is tovább használhat. További információkért lásd: Ingyenes Azure-fiók létrehozása.
- Windows 10.
- Visual Studio Community 2017.
- Az UWP-alkalmazások fejlesztésének ismerete. Az UWP-dokumentációból megtudhatja, hogyan állíthatja be az UWP-alkalmazásokat.
Új Azure Mobile Apps-háttéralkalmazás létrehozása
Új Mobile Apps-háttéralkalmazás létrehozásához tegye a következőket.
Jelentkezzen be az Azure Portalra.
Kattintson az Erőforrás létrehozása elemre.
A keresőmezőbe írja be a Webalkalmazás kifejezést.
Az eredmények listájában válassza a Webalkalmazás lehetőséget a Marketplace-en.
Válassza ki az előfizetést és az erőforráscsoportot (válasszon ki egy meglévő erőforráscsoportot , vagy hozzon létre egy újat (ugyanazzal a névvel, mint az alkalmazás)).
Válassza ki a webalkalmazás egyedi nevét .
Válassza az alapértelmezett Közzététel lehetőséget Kódként.
A Futtatókörnyezet veremben ki kell választania egy verziót a ASP.NET vagy a Node alatt. Ha .NET-háttérrendszert hoz létre, válasszon egy verziót a ASP.NET területen. Ellenkező esetben, ha csomópontalapú alkalmazást céloz meg, válassza ki az egyik verziót a Node-ból.
Válassza ki a megfelelő operációs rendszert( Linux vagy Windows).
Válassza ki azt a régiót , ahol üzembe szeretné helyezni az alkalmazást.
Válassza ki a megfelelő App Service tervet, majd kattintson az Áttekintés gombra, és hozza létre.
Az Erőforráscsoport területen válasszon ki egy meglévő erőforráscsoportot, vagy hozzon létre egy újat (ugyanazzal a névvel, mint az alkalmazás).
Kattintson a Létrehozás lehetőségre. Várjon pár percet, amíg a szolgáltatás telepítése sikeresen befejeződik, mielőtt továbblépne. Az állapotfrissítéseket az Értesítések (harang) ikonja jelzi a portál fejlécén.
Az üzembe helyezés befejezése után kattintson az Üzembe helyezés részletei szakaszra, majd a Microsoft.Web/sites típusú erőforrásra. Ekkor megnyílik az imént létrehozott App Service webalkalmazás.
Kattintson a Beállítások területen a Konfiguráció panelre, majd az Alkalmazásbeállítások területen kattintson az Új alkalmazásbeállítás gombra.
Az Alkalmazás hozzáadása/szerkesztése lapon adja meg a NevetMobileAppsManagement_EXTENSION_VERSION és az Értéket a legújabbként , majd kattintson az OK gombra.
Mindannyian úgy vannak beállítva, hogy ezt az újonnan létrehozott App Service-webalkalmazást mobilalkalmazásként használják.
Adatbázis-kapcsolat létrehozása és az ügyfél- és kiszolgálóprojekt konfigurálása
Töltse le az ügyféloldali SDK rövid útmutatóit a következő platformokhoz:
iOS (Objective-C)
iOS (Swift)
Android (Java)
Xamarin.iOS
Xamarin.Android
Xamarin.Forms
Cordova
Windows (C#)Megjegyzés
Ha az iOS-projektet használja, le kell töltenie az "azuresdk-iOS-*.zip" fájlt a Legújabb GitHub-kiadásból. Bontsa ki és adja hozzá a
MicrosoftAzureMobile.framework
fájlt a projekt gyökeréhez.Hozzá kell adnia egy adatbázis-kapcsolatot, vagy csatlakoznia kell egy meglévő kapcsolathoz. Először döntse el, hogy létrehoz-e adattárat, vagy használ egy meglévőt.
Új adattár létrehozása: Ha adattárat szeretne létrehozni, használja az alábbi rövid útmutatót:
Rövid útmutató: Az önálló adatbázisok használatának első lépései az Azure SQL Database-ben
Meglévő adatforrás: Ha meglévő adatbázis-kapcsolatot szeretne használni, kövesse az alábbi utasításokat
SQL Database kapcsolati sztring formátuma –
Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}
{your_SQLServer} A kiszolgáló neve, amely az adatbázis áttekintő lapján található, és általában "server_name.database.windows.net" formátumú. {port} általában 1433. {your_catalogue} Az adatbázis neve. {your_username} Az adatbázis eléréséhez szükséges felhasználónév. {your_password} Az adatbázis eléréséhez szükséges jelszó.
Adja hozzá a kapcsolati sztring a mobilalkalmazáshoz A App Service a menü Konfiguráció lehetőségével kezelheti az alkalmazás kapcsolati sztringeit.
Kapcsolati sztring hozzáadása:
Kattintson az Alkalmazásbeállítások fülre.
Kattintson az [+] Új kapcsolati sztring elemre.
Meg kell adnia a nevet, az értéket és a típust a kapcsolati sztring.
Írja be a nevet a következőképpen:
MS_TableConnectionString
Az értéknek az előző lépésben létrehozott kapcsolati sztringnek kell lennie.
Ha kapcsolati sztring ad hozzá egy SQL Azure-adatbázishoz, válassza az SQLAzure típust.
Az Azure Mobile Apps .NET-hez és Node.js háttérrendszerhez készült SDK-kkal rendelkezik.
Node.js háttérrendszer
Ha Node.js gyorsindítási alkalmazást fogja használni, kövesse az alábbi utasításokat.
A Azure Portal lépjen az Egyszerű táblázatok elemre, és ezt a képernyőt fogja látni.
Győződjön meg arról, hogy az SQL-kapcsolati sztring már hozzá van adva a Konfiguráció lapon. Ezután jelölje be a jelölőnégyzetet, és nyugtázza, hogy ez felülírja az összes webhelytartalmat, és kattintson a TodoItem tábla létrehozása gombra.
Az Egyszerű táblázatokban kattintson a + Hozzáadás gombra.
Hozzon létre egy táblát
TodoItem
névtelen hozzáféréssel.
.NET-háttérrendszer
Ha a .NET gyorsindítási alkalmazást fogja használni, kövesse az alábbi utasításokat.
Töltse le az Azure Mobile Apps .NET-kiszolgálóprojektet az azure-mobile-apps-quickstarts adattárból.
Hozza létre helyileg a .NET-kiszolgálóprojektet a Visual Studióban.
A Visual Studióban nyissa meg Megoldáskezelő, kattintson a jobb gombbal a projektre
ZUMOAPPNAMEService
, kattintson a Közzététel parancsra, és megjelenik egyPublish to App Service
ablak. Ha Mac gépen dolgozik, itt további módszereket is használhat az alkalmazás üzembe helyezéséhez.Jelölje ki App Service közzétételi célként, majd kattintson a Meglévő kijelölése, majd az ablak alján található Közzététel gombra.
Először be kell jelentkeznie a Visual Studióba az Azure-előfizetésével. Válassza ki a
Subscription
,Resource Group
majd az alkalmazás nevét. Ha elkészült, kattintson az OK gombra, ezzel üzembe helyezi a helyileg telepített .NET-kiszolgálóprojektet a App Service háttérrendszerben. Amikor az üzembe helyezés befejeződik, a rendszer átirányítjahttp://{zumoappname}.azurewebsites.net/
a böngészőben.
Az ügyfélprojekt futtatása
Nyissa meg az UWP-projektet.
Lépjen a Azure Portal, és keresse meg a létrehozott mobilalkalmazást.
Overview
A panelen keresse meg azt az URL-címet, amely a mobilalkalmazás nyilvános végpontja. Példa : a "test123" nevű alkalmazásom webhelyneve lesz https://test123.azurewebsites.net.Nyissa meg a fájlt
App.xaml.cs
ebben a mappában : windows-uwp-cs/ZUMOAPPNAME/. Az alkalmazás neve .ZUMOAPPNAME
Az osztályban
App
cserélje leZUMOAPPURL
a paramétert a fenti nyilvános végpontra.public static MobileServiceClient MobileService = new MobileServiceClient("ZUMOAPPURL");
Lesz
public static MobileServiceClient MobileService = new MobileServiceClient("https://test123.azurewebsites.net");
Az alkalmazás üzembe helyezéséhez és futtatásához nyomja le az F5 billentyűt.
Az alkalmazásban írjon be egy értelmes, például Az oktatóanyag befejezése szöveget az Insert a TodoItem (Teendő hozzáadása) szövegmezőbe, majd kattintson a Save (Mentés) gombra.
Ez egy POST kérést küld az Azure szolgáltatásban üzemeltetett új mobil-háttéralkalmazás számára.