iOS-alkalmazás létrehozása

  • Cikk

Áttekintés

Az útmutató azt mutatja be, hogyan adhatja hozzá az Azure App Service Mobile Apps felhőalapú háttérszolgáltatást az iOS-alkalmazásokhoz. Az első lépés egy új mobil háttérszolgáltatás létrehozása az Azure-on. Ezt követően töltsön le egy egyszerű Tennivalólista iOS-mintaalkalmazást, amely az Azure-ban tárolja az adatokat.

Az oktatóanyag elvégzéséhez egy Mac gépre és egy Azure-fiókra lesz szüksége.

Új Azure Mobile Apps-háttéralkalmazás létrehozása

  1. Jelentkezzen be az Azure Portalra.

  2. Kattintson az Erőforrás létrehozása elemre.

  3. A keresőmezőbe írja be a Webalkalmazás kifejezést.

  4. Az eredmények listájában válassza a Webalkalmazás lehetőséget a Marketplace-en.

  5. 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)).

  6. Válassza ki a webalkalmazás egyedi nevét .

  7. Válassza az alapértelmezett Közzététel lehetőséget Kódként.

  8. 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.

  9. Válassza ki a megfelelő operációs rendszert( Linux vagy Windows).

  10. Válassza ki azt a régiót , ahol üzembe szeretné helyezni az alkalmazást.

  11. Válassza ki a megfelelő App Service tervet, majd kattintson az Áttekintés gombra, és hozza létre.

  12. 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).

  13. 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.

  14. 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.

  15. 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.

  16. 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

  1. 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.

  2. 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

      1. 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ó.

        További információ az SQL kapcsolati sztring formátumáról

      2. 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:

        1. Kattintson az Alkalmazásbeállítások fülre.

        2. Kattintson az [+] Új kapcsolati sztring elemre.

        3. Meg kell adnia a nevet, az értéket és a típust a kapcsolati sztring.

        4. Írja be a nevet a következőképpen: MS_TableConnectionString

        5. Az értéknek az előző lépésben létrehozott kapcsolati sztringnek kell lennie.

        6. Ha kapcsolati sztring ad hozzá egy SQL Azure-adatbázishoz, válassza az SQLAzure típust.

  3. 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.

      1. A Azure Portal lépjen az Egyszerű táblázatok elemre, és ezt a képernyőt fogja látni.

        Egyszerű csomóponttáblák

      2. 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.

        Csomópontok egyszerű tábláinak konfigurálása

      3. Az Egyszerű táblázatokban kattintson a + Hozzáadás gombra.

        Node Easy Tables Add Button

      4. Hozzon létre egy táblát TodoItem névtelen hozzáféréssel.

        Egyszerű csomóponttáblák – Táblázat hozzáadása

    • .NET-háttérrendszer

      Ha a .NET gyorsindítási alkalmazást fogja használni, kövesse az alábbi utasításokat.

      1. Töltse le az Azure Mobile Apps .NET-kiszolgálóprojektet az azure-mobile-apps-quickstarts adattárból.

      2. Hozza létre helyileg a .NET-kiszolgálóprojektet a Visual Studióban.

      3. A Visual Studióban nyissa meg Megoldáskezelő, kattintson a jobb gombbal a projektreZUMOAPPNAMEService, kattintson a Közzététel parancsra, és megjelenik egy Publish to App Service ablak. Ha Mac gépen dolgozik, itt további módszereket is használhat az alkalmazás üzembe helyezéséhez.

        Visual Studio-közzététel

      4. 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.

      5. Először be kell jelentkeznie a Visual Studióba az Azure-előfizetésével. Válassza ki a Subscription, Resource Groupmajd 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ítja http://{zumoappname}.azurewebsites.net/ a böngészőben.

Az iOS-alkalmazás futtatása

  1. Nyissa meg a letöltött ügyfélprojektet az Xcode használatával.

  2. 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.

  3. Swift-projekt esetén nyissa meg a fájlt ToDoTableViewController.swift ebben a mappában: ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift. Az alkalmazás neve .ZUMOAPPNAME

  4. A metódusban viewDidLoad() cserélje le ZUMOAPPURL a paramétert a fenti nyilvános végpontra.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    Lesz

    let client = MSClient(applicationURLString: "https://test123.azurewebsites.net")

  5. Objective-C projekt esetén nyissa meg a fájlt QSTodoService.m ebben a mappában: ZUMOAPPNAME/ZUMOAPPNAME. Az alkalmazás neve .ZUMOAPPNAME

  6. A metódusban init cserélje le ZUMOAPPURL a paramétert a fenti nyilvános végpontra.

    self.client = [MSClient clientWithApplicationURLString:@"ZUMOAPPURL"];

    Lesz

    self.client = [MSClient clientWithApplicationURLString:@"https://test123.azurewebsites.net"];

  7. Nyomja le a Run (Futtatás) gombot a projekt felépítéséhez és az alkalmazás iOS-szimulátorban történő elindításához.

  8. Az alkalmazásban kattintson a plusz (+) ikonra, írjon be értelmes szöveget, például végezze el az oktatóanyagot, majd kattintson a Mentés gombra. Ez egy POST kérést küld a korábban telepített Azure-háttérrendszernek. A háttérrendszer beilleszti az adatokat a kérésből a TodoItem SQL táblázatba, majd visszaküldi az újonnan eltárolt adatokra vonatkozó információkat a mobilalkalmazásnak. A mobilalkalmazás megjeleníti ezeket az adatokat a listában.

    iOS rendszeren futó gyorsindítási alkalmazás