Vytvoření aplikace pro iOS

  • Článek
  • 4 min ke čtení

Přehled

Tento kurz ukazuje, jak do aplikace pro iOS přidat cloudovou back-end službu Azure App Service Mobile Apps. Prvním krokem je vytvoření nového mobilního back-endu v Azure. Potom stáhnete ukázkovou aplikaci seznamu úkolů, která ukládá data v Azure.

K dokončení tohoto kurzu potřebujete Mac a účet Azure

Vytvoření nového back-endu mobilní aplikace Azure

  1. Přihlaste se k webu [Azure Portal].

  2. Klikněte na Vytvořit prostředek.

  3. Do vyhledávacího pole zadejte Web App.

  4. V seznamu výsledků vyberte webovou aplikaci z webu Marketplace.

  5. Vyberte své předplatné a skupinu prostředků (vyberte existující skupinu prostředků nebo vytvořte novou (se stejným názvem jako vaše aplikace)).

  6. Vyberte jedinečný název webové aplikace.

  7. Zvolte výchozí možnost Publikovat jako kód.

  8. V zásobníku runtimeje třeba vybrat verzi v části ASP.NET nebo Uzel. Pokud vytváříte back-end .NET, vyberte verzi pod ASP.NET. V opačném případě, pokud cílíte na aplikaci založenou na uzlu, vyberte jednu z verzí z uzlu.

  9. Vyberte správný operační systém, linux nebo windows.

  10. Vyberte oblast, kde chcete tuto aplikaci nasadit.

  11. Vyberte příslušný plán služby App Service A stiskněte tlačítko Revize a vytvořte.

  12. V části Skupina prostředků vyberte existující skupinu prostředků nebo vytvořte novou (použijte stejný název, jaký má aplikace).

  13. Klikněte na Vytvořit. Počkejte několik minut na úspěšné nasazení služby a teprve potom pokračujte. Sledujte ikonu oznámení (zvonek) v hlavičce portálu upozorňující na aktualizace stavu.

  14. Po dokončení nasazení klikněte na část Podrobnosti o nasazení a potom klikněte na zdroj typu Microsoft.Web/weby. Přejdete na webovou aplikaci App Service, kterou jste právě vytvořili.

  15. Klikněte na okno Konfigurace v části Nastavení a v nastavení aplikace, klikněte na tlačítko Nastavení nové aplikace.

  16. Na stránce Nastavení přidat nebo upravit aplikaci zadejte Název jako MobileAppsManagement_EXTENSION_VERSION a Hodnotu jako nejnovější a stiskněte OK.

Jste všichni připraveni používat tuto nově vytvořenou webovou aplikaci služby App Service jako mobilní aplikaci.

Vytvoření připojení k databázi a konfigurace projektu klienta a serveru

  1. Stáhněte si rychlé starty sady SDK klienta pro následující platformy:

    iOS (cíl-C)
    iOS (Swift)
    Android (Java)
    Xamarin.iOS
    Xamarin.Android
    Xamarin.Forms
    Cordova
    Systém Windows (C#)

    Poznámka

    Pokud používáte projekt iOS, musíte si stáhnout "azuresdk-iOS-*.zip" z nejnovější verze GitHubu. Rozbalte a MicrosoftAzureMobile.framework přidejte soubor do kořenového adresáře projektu.

  2. Budete muset přidat připojení k databázi nebo se připojit k existujícímu připojení. Nejprve určete, zda vytvoříte úložiště dat nebo použijete existující.

    • Vytvoření nového úložiště dat: Pokud chcete vytvořit úložiště dat, použijte následující rychlý start:

      Úvodní příručka: Začínáme s jednotlivými databázemi v Azure SQL Database

    • Existující zdroj dat: Postupujte podle následujících pokynů, pokud chcete použít existující připojení k databázi

      1. Formát připojovacího řetězce databáze SQL -Data Source=tcp:{your_SQLServer},{port};Initial Catalog={your_catalogue};User ID={your_username};Password={your_password}

        {your_SQLServer} Název serveru, to lze nalézt na stránce přehled pro vaši databázi a je obvykle ve formě "server_name.database.windows.net". {port} obvykle 1433. {your_catalogue} Název databáze. {your_username} Uživatelské jméno pro přístup k databázi. {your_password} Heslo pro přístup k databázi.

        Další informace o formátu připojovacího řetězce SQL

      2. Přidejte připojovací řetězec do mobilní aplikace V app service, můžete spravovat připojovací řetězce pro vaši aplikaci pomocí možnosti Konfigurace v nabídce.

        Přidání připojovacího řetězce:

        1. Klikněte na kartu Nastavení aplikace.

        2. Klikněte na [+] Nový připojovací řetězec.

        3. Budete muset zadat Název, Hodnota a Typ pro připojovací řetězec.

        4. Název typu jakoMS_TableConnectionString

        5. Hodnota by měla být spojovací řetězec, který jste vytvořili v kroku před.

        6. Pokud přidáváte připojovací řetězec do databáze SQL Azure, zvolte SQLAzure v části typ.

  3. Azure Mobile Apps má sady SDK pro back-endy .NET a Node.js.

    • Back-end Node.js

      Pokud budete používat aplikaci Node.js quickstart, postupujte podle následujících pokynů.

      1. Na webu Azure portal přejděte na Snadné tabulky, zobrazí se tato obrazovka.

        Jednoduché tabulky uzlů

      2. Ujistěte se, že připojovací řetězec SQL je již přidán na kartě Konfigurace. Pak zaškrtněte políčko Beru na vědomí, že to bude přepsat veškerý obsah webu a klikněte na tlačítko Vytvořit todoitem tabulky.

        Konfigurace jednoduchých tabulek uzlů

      3. V části Snadné tabulkyklepněte na tlačítko + Přidat.

        Tlačítko Přidat jednoduché tabulky uzlů

      4. Vytvořte TodoItem tabulku s anonymním přístupem.

        Snadné tabulky uzlů přidat tabulku

    • Back-end .NET

      Pokud budete používat aplikaci rychlého spuštění .NET, postupujte podle následujících pokynů.

      1. Stáhněte si projekt serveru Azure Mobile Apps .NET z úložiště azure-mobile-apps-quickstarts.

      2. Vytvořte projekt serveru .NET místně v sadě Visual Studio.

      3. V sadě Visual Studio otevřete Průzkumníka řešení, klikněte pravým tlačítkem myši na ZUMOAPPNAMEService projekt, klikněte na Publikovat, zobrazí se Publish to App Service okno. Pokud pracujete na Macu, podívejte se na další způsoby nasazení aplikace zde.

        Publikování ve visual studiu

      4. Vyberte Služba App Service jako cíl publikování a pak klikněte na Vybrat existujícía potom klikněte na tlačítko Publikovat v dolní části okna.

      5. Budete se muset nejprve přihlásit do Visual Studia pomocí předplatného Azure. Vyberte Subscription Resource Groupmožnost , a pak vyberte název aplikace. Až budete připraveni, klikněte na OK, to bude nasazovat projekt serveru .NET, který máte místně do back-endu služby App Service. Po dokončení nasazení budete přesměrováni http://{zumoappname}.azurewebsites.net/ v prohlížeči.

Spuštění aplikace pro iOS

  1. Otevřete stažený klientský projekt pomocí Xcode.

  2. Přejděte na portál Azure a přejděte na mobilní aplikaci, kterou jste vytvořili. Na Overview okně vyhledejte adresu URL, která je veřejným koncovým bodem pro vaši mobilní aplikaci. Příklad – název webu pro název aplikace "test123" bude https://test123.azurewebsites.net.

  3. Pro projekt Swift otevřete soubor ToDoTableViewController.swift v této složce - ZUMOAPPNAME/ZUMOAPPNAME/ToDoTableViewController.swift. Název aplikace ZUMOAPPNAMEje .

  4. V viewDidLoad() metodě ZUMOAPPURL nahraďte parametr veřejným koncovým bodem výše.

    let client = MSClient(applicationURLString: "ZUMOAPPURL")

    se stává

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

  5. Pro projekt Objective-C otevřete soubor QSTodoService.m v této složce - ZUMOAPPNAME/ZUMOAPPNAME. Název aplikace ZUMOAPPNAMEje .

  6. V init metodě ZUMOAPPURL nahraďte parametr veřejným koncovým bodem výše.

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

    se stává

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

  7. Stisknutím tlačítka Spustit sestavíte projekt a spustíte aplikaci v simulátoru iOS.

  8. V aplikaci klikněte**+** na ikonu plus ( ), zadejte smysluplný text, například Dokončit kurz, a klikněte na tlačítko Uložit. Tím odešlete do prostředí back-end v Azure, které jste předtím vytvořili, požadavek POST. Back-end vloží data z požadavku do tabulky SQL TodoItem a vrátí informace o nově uložených položkách do mobilní aplikace. Mobilní aplikace zobrazí tato data v seznamu.

    Aplikace Rychlý start pro iOS