Vytvoření aplikace Xamarin.Android

Článek
06/25/2019

Přehled

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

Zde je snímek obrazovky dokončené aplikace:

Ve všech dalších kurzech k používání funkce Mobile Apps pro Xamarin.Android se předpokládá dokončení tohoto kurzu.

Požadavky

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

Aktivní účet Azure. Pokud účet nemáte, můžete si zaregistrovat zkušební verzi Azure a získat až 10 bezplatných mobilních aplikací. Podrobnosti najdete v článku Bezplatná zkušební verze Azure.
Visual Studio s Xamarinem. Pokyny najdete v tématu o nastavení a instalaci pro Visual Studio a Xamarin.

Vytvoření back-endu mobilní aplikace Azure

Podle těchto pokynů vytvořte back-end mobilní aplikace:

Přihlaste se k webu Azure Portal.
Klikněte na Vytvořit prostředek.
Do vyhledávacího pole zadejte Web App.
V seznamu výsledků vyberte webovou aplikaci z Marketplace.
Vyberte své předplatné a skupinu prostředků (vyberte existující skupinu prostředků nebo vytvořte novou (použijte stejný název jako vaše aplikace).)
Zvolte jedinečný název vaší webové aplikace.
Zvolte výchozí možnost Publikovat jako kód.
V zásobníku modulu runtime musíte v části ASP.NET nebo Node vybrat verzi. Pokud vytváříte back-end .NET, vyberte v části ASP.NET verzi. Jinak pokud cílíte na aplikaci založenou na uzlu, vyberte jednu z verzí z Node.
Vyberte správný operační systém, Linux nebo Windows.
Vyberte oblast , do které chcete tuto aplikaci nasadit.
Vyberte odpovídající App Service Plán a stiskněte Zkontrolovat a vytvořit.
V části Skupina prostředků vyberte existující skupinu prostředků nebo vytvořte novou (použijte stejný název, jaký má aplikace).
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.
Po dokončení nasazení klikněte na část Podrobnosti o nasazení a potom klikněte na prostředek typu Microsoft.Web/sites. Přejdete do App Service webové aplikace, kterou jste právě vytvořili.
Klikněte na okno Konfigurace v části Nastavení a v nastavení aplikace klikněte na tlačítko Nové nastavení aplikace .
Na stránce nastavení přidat/upravit aplikaci zadejte název jako MobileAppsManagement_EXTENSION_VERSION a hodnotu jako nejnovější a stiskněte OK.

Všechny jsou nastavené tak, aby používaly nově vytvořenou App Service webovou aplikaci jako mobilní aplikaci.

Nyní máte zřízen back-end mobilní aplikace Azure, který je možné použít v mobilních klientských aplikacích. Dále si stáhněte serverový projekt pro jednoduchý back-end seznamu úkolů a publikujete ho v Azure.

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

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-*.zip" z nejnovější verze GitHubu. Rozbalte soubor a přidejte MicrosoftAzureMobile.framework ho do kořenového adresáře projektu.
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 v 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. SQL Database formát připojovacího řetězce –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 s přehledem pro vaši databázi 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 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. Pro připojovací řetězec budete muset zadat název, hodnotu a typ .
    4. Název typu jakoMS_TableConnectionString
    5. Hodnota by měla být připojovací řetězec, který jste vytvořili v kroku předtím.
    6. Pokud do databáze SQL Azure přidáváte připojovací řetězec, zvolte sqlAzure pod typem.
Azure Mobile Apps obsahuje sady SDK pro .NET a Node.js back-endy.
- Node.js back-end
  
  Pokud budete používat Node.js aplikaci pro rychlý start, postupujte podle následujících pokynů.
  1. V Azure Portal přejděte do části Snadné tabulky, zobrazí se tato obrazovka.
  2. Ujistěte se, že je připojovací řetězec SQL již přidaný na kartě Konfigurace . Potom zaškrtněte políčko , že se tím přepíše veškerý obsah webu a kliknete na tlačítko Vytvořit tabulku TodoItem .
  3. V části Snadné tabulky klikněte na tlačítko + Přidat .
  4. Vytvořte TodoItem tabulku s anonymním přístupem.
- Back-end .NET
  
  Pokud budete používat aplikaci pro rychlý start .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. Projekt serveru .NET sestavte místně v sadě Visual Studio.
  3. V sadě Visual Studio otevřete Průzkumník ř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 tady.
  4. Vyberte App Service jako cíl publikování a potom klikněte na Vybrat existující a potom klikněte na tlačítko Publikovat v dolní části okna.
  5. Nejdřív se budete muset přihlásit k sadě Visual Studio s předplatným Azure. SubscriptionVyberte položku , Resource Groupa pak vyberte název aplikace. Až budete připraveni, klikněte na tlačítko OK, tím se nasadí projekt serveru .NET, který máte místně do back-endu App Service. Po dokončení nasazení budete přesměrováni do http://{zumoappname}.azurewebsites.net/ prohlížeče.

Spuštění aplikace Xamarin.Android

Otevřete projekt Xamarin.Android.
Přejděte na 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.
Otevřete soubor ToDoActivity.cs v této složce – xamarin.android/ZUMOAPPNAME/ToDoActivity.cs. Název aplikace je ZUMOAPPNAME.
Ve ToDoActivity třídě nahraďte ZUMOAPPURL proměnnou veřejným koncovým bodem výše.

const string applicationURL = @"ZUMOAPPURL";

stane se

const string applicationURL = @"https://test123.azurewebsites.net";
Stisknutím klávesy F5 nasaďte a spusťte aplikaci.
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 budou vráceny back-endu mobilní aplikace a v seznamu se objeví data.

Poznámka

Na kód, který přistupuje k back-endu mobilní aplikace pro dotazování a vkládání dat, se můžete podívat v souboru C# ToDoActivity.cs.

Řešení potíží

Pokud máte se sestavením řešení problémy, spusťte správce balíčků NuGet a proveďte aktualizaciXamarin.Android balíčků pro podporu. Projekty Rychlý start nezahrnují vždycky nejnovější verze.

Upozorňujeme, že všechny balíčky podpory odkazované ve vašem projektu musí mít stejnou verzi. Balíček NuGet pro mobilní aplikace AzuremáXamarin.Android.Support.CustomTabszávislost pro platformu Android, takže pokud váš projekt používá novější balíčky podpory, je nutné nainstalovat přímo tento balíček s požadovanou verzi, aby nedocházelo ke konfliktům.