Aplikace sociálních sítí pro mobilní a webové prostředí s využitím ověřování

App Service – Mobile Apps
Functions
Traffic Manager
Visual Studio
Xamarin

Idea řešení

Pokud se chcete podívat, jak tento článek rozšíříme o další informace, jako jsou potenciální případy použití, alternativní služby, aspekty implementace nebo pokyny k cenám, dejte nám vědět pomocí GitHub Feedback!

Tato mobilní klientská aplikace nabízí sdílení obrázků na sociálních sítích s doprovodnou webovou aplikací. Služba back-end aplikace provádí zpracování obrázků na pozadí pomocí funkce Azure a může informovat uživatele o pokroku prostřednictvím centra oznámení. data, která nejsou obrázkem, jsou uložena v Cosmos DB. Webová aplikace přistupuje k datům a imagí služby back-end prostřednictvím Traffic Manager.

Mobilní klientská aplikace pracuje v offline režimu a umožňuje zobrazovat a nahrávat obrázky i v případě, že nemáte připojení k síti.

Odkazy napravo poskytují dokumentaci pro nasazení a správu produktů Azure uvedených v architektuře řešení výše.

Visual Studio Team Services

Visual Studio

Nástroje sady Visual Studio pro Xamarin

Application Insights

Visual Studio App Center

App Service Mobile Apps

Architektura

Diagram architektury Stáhnout SVG této architektury.

Data Flow

  1. vytvořte aplikaci pomocí Visual Studio a Xamarin.
  2. Přidejte do řešení aplikace službu back-end Mobile Apps Azure App Service.
  3. Implementujte ověřování prostřednictvím poskytovatelů sociálních identit.
  4. ukládat data mimo image do Cosmos DB a ukládat je do mezipaměti v Azure cache pro Redis.
  5. Uložte nahrané obrázky do Azure Blob Storage.
  6. Zařadí do fronty zprávy o nově nahraných obrázcích.
  7. Použijte Azure Functions k odstranění fronty zpráv a zpracování imagí načtených z úložiště objektů BLOB.
  8. Posílání nabízených oznámení uživatelům prostřednictvím centra oznámení
  9. sestavte a otestujte aplikaci prostřednictvím Visual Studio App Center a publikujte ji.
  10. Řízení distribuce uživatelského provozu do koncových bodů služby v různých datových centrech.
  11. službu app service můžete monitorovat pomocí Application Insights.

Komponenty

  • sestavte webové front-end, mobilní aplikace a služby back-end pomocí C# v Visual Studio 2017 nebo Visual Studio pro Mac.
  • Xamarin: Vytvářejte mobilní aplikace pro iOS a Android pomocí sad C# a Azure SDK.
  • Visual Studio App Center: App Center umožňuje pracovní postup průběžné integrace a nasazování prostřednictvím navracení kódu z BitBucket, GitHub a Visual Studio Team Services.
  • Webová aplikace App Service může hostovat webovou aplikaci, která se používá pro zákazníky, a službu, kterou používá webový i mobilní klient.
  • Použijte Azure Functions pro zpracování na pozadí bez serveru. Například jedna funkce Azure může automaticky měnit velikost nových objektů BLOB při jejich přidání do kontejneru, zatímco jiná funkce naslouchá zprávám ve frontě, aby bylo možné odstranit více imagí na pozadí.
  • Application Insights: zjišťování problémů, diagnostikování havárií a sledování využití ve vaší webové aplikaci pomocí Application Insights. V rámci životního cyklu vývoje proveďte kvalifikovaná rozhodnutí.
  • Azure Cosmos DB je plně spravovaná služba databáze dokumentů NoSQL. Nabízí dotazování a zpracování transakcí pomocí dat bez schématu, předvídatelného a spolehlivého výkonu a rychlého vývoje.
  • Služba Azure Queue Storage se používá pro trvalé zasílání zpráv mezi App Service back-end a Azure Functions.
  • Blob storage: Azure Storage hostuje soubory imagí, aby bylo možné využít lepší škálovatelnost s nižšími náklady. Komunikace mezi webovou aplikací a funkcí Azure se často provádí pomocí triggerů objektů BLOB a Azure Queue Storage.
  • Azure Notification Hubs se používají pro škálovatelná nabízená oznámení mezi platformami.
  • Azure Traffic Manager řídí distribuci provozu uživatelů pro koncové body služby v různých datových centrech, aby bylo možné doručovat vysoce reagující a dostupnou aplikaci.

Další kroky