Vytvoření aplikace Xamarin.Android

• Android
• Cordova
• Ios
• Windows
• Xamarin.Android
• Xamarin.iOS
• Xamarin.Forms

Přehled

V tomto kurzu se dozvíte, jak přidat cloudovou back-end službu do aplikace Xamarin.Android. Další informace najdete v tématu Co jsou mobilní aplikace.

Snímek obrazovky z dokončené aplikace je následující:

Dokončení tohoto kurzu je předpokladem pro všechny ostatní kurzy Mobile Apps pro aplikace Xamarin.Android.

Požadavky

Pro absolvování tohoto kurzu musí být splněné následující požadavky:

• Aktivní účet Azure. Pokud účet nemáte, zaregistrujte si zkušební verzi Azure a získejte až 10 bezplatných Mobile Apps. Podrobnosti najdete v části Bezplatná zkušební verze Azure.
• Visual Studio s Xamarinem Pokyny najdete v tématu Instalace a instalace pro Visual Studio a Xamarin .

Vytvoření back-endu mobilní aplikace Azure

Pomocí následujícího postupu vytvořte back-end mobilní aplikace.

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

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

6. Zvolte jedinečný název vaší webové aplikace.

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

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

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

10. Vyberte oblast , do které chcete tuto aplikaci nasadit.

11. Vyberte příslušný plán služby App Service a klikněte na Zkontrolovat a vytvořit.

12. V části Skupina prostředků vyberte existující skupinu prostředků nebo vytvořte novou (se stejným názvem jako vaše aplikace).

13. Klikněte na Vytvořit. Než budete pokračovat, počkejte několik minut, než se služba úspěšně nasadí. Sledujte ikonu Oznámení (zvonek) v záhlaví portálu pro aktualizace stavu.

14. Po dokončení nasazení klikněte na část Podrobnosti o nasazení a potom klikněte na prostředek typu Microsoft.Web/sites. 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 Nové nastavení aplikace .

16. Na stránce pro nastavení přidat/upravit aplikaci zadejte název jako MobileAppsManagement_EXTENSION_VERSION a hodnotu jako nejnovější a stiskněte OK.

Jste připraveni použít tuto nově vytvořenou webovou aplikaci App Service jako mobilní aplikaci.

Právě jste zřídili back-end mobilní aplikace Azure, který můžou používat mobilní klientské aplikace. Dále si stáhněte projekt serveru pro jednoduchý back-end seznamu úkolů a publikujte ho do Azure.

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

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

   iOS (Objective-C)
   iOS (Swift)
   Android (Java)
   Xamarin.iOS
   Xamarin.Android
   Xamarin.Forms
   Cordova
   Windows (C#)

   Poznámka:

   Pokud používáte projekt iOS, musíte si stáhnout azuresdk-iOS-*.zipz nejnovější verze GitHubu. Rozbalte a přidejte soubor MicrosoftAzureMobile.framework 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, jestli vytvoříte úložiště dat, nebo použijete existující úložiště.

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

     Rychlý start: Začínáme s jednoúčelovými databázemi ve službě Azure SQL Database

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

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

        {your_SQLServer} Název serveru najdete na stránce přehledu databáze a obvykle je 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 ve službě App Service a připojovací řetězce pro vaši aplikaci můžete spravovat pomocí možnosti Konfigurace v nabídce.

        Pro 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. Pro připojovací řetězec budete muset zadat název, hodnotu a typ .

        4. Zadejte název jakoMS_TableConnectionString

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

        6. Pokud do databáze SQL Azure přidáváte připojovací řetězec, zvolte sqlAzure pod typem.

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

   • Node.js backend

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

     1. Na webu Azure Portal přejděte na Snadnou tabulku, uvidíte tuto obrazovku.

        

     2. Ujistěte se, že je připojovací řetězec SQL již přidaný na kartě Konfigurace. Potom zaškrtněte políčko Beru na vědomí, že se tím přepíše veškerý obsah webu a klikněte na tlačítko Vytvořit tabulku TodoItem.

        

     3. V okně Snadné tabulky klikněte na tlačítko + Přidat .

        

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

        

   • .NET backend

     Pokud budete používat aplikaci pro rychlý start k .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. Sestavte místně projekt serveru .NET ve Visual Studiu.

     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í Publish to App Service se okno. Pokud pracujete na Macu, podívejte se na další způsoby, jak tu aplikaci nasadit.

        

     4. Jako cíl publikování vyberte App Service a potom klikněte na Vybrat existující a potom klikněte na tlačítko Publikovat v dolní části okna.

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

Spuštění aplikace Xamarin.Android

1. Otevřete projekt Xamarin.Android.

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

3. Otevřete soubor ToDoActivity.cs v této složce – xamarin.android/ZUMOAPPNAME/ToDoActivity.cs. Název aplikace je ZUMOAPPNAME.

4. Ve třídě ToDoActivity nahraďte proměnnou ZUMOAPPURL výše uvedeným veřejným koncovým bodem.

   const string applicationURL = @"ZUMOAPPURL";

   stane se

   const string applicationURL = @"https://test123.azurewebsites.net";

5. Stisknutím klávesy F5 aplikaci nasaďte a spusťte.

6. V aplikaci zadejte smysluplný text, například Dokončit kurz , a klikněte na tlačítko Přidat .

   

   Data z požadavku se vloží do tabulky TodoItem. Položky uložené v tabulce vrátí back-end mobilní aplikace a data se zobrazí v seznamu.

   Poznámka:

   Kód, který přistupuje k backendu mobilní aplikace a který slouží k dotazování a vložení dat, můžete zkontrolovat v souboru ToDoActivity.cs C#.

Řešení problémů

Pokud máte problémy s sestavením řešení, spusťte správce balíčků NuGet a aktualizujte balíčky podpory Xamarin.Android. Projekty rychlého startu nemusí vždy obsahovat nejnovější verze.

Upozorňujeme, že všechny balíčky podpory, na které odkazuje váš projekt, musí mít stejnou verzi. Balíček NuGet Azure Mobile Apps má Xamarin.Android.Support.CustomTabs závislost pro platformu Android, takže pokud váš projekt používá novější balíčky podpory, musíte tento balíček nainstalovat s požadovanou verzí přímo, aby nedocházelo ke konfliktům.