Kimlik Doğrulaması ile Mobil ve Web için Sosyal Medya Uygulaması

App Service - Mobile Apps
İşlevler
Traffic Manager
Visual Studio
Xamarin

Çözüm fikri

Daha fazla bilgi, uygulama ayrıntıları, fiyatlandırma Kılavuzu veya kod örneği ile bu makaleyi genişletmemizi istiyorsanız GitHub geri bildirimlerindenhaberdar olalım!

Bu mobil istemci uygulaması, yardımcı bir Web uygulamasıyla sosyal görüntü paylaşımı sağlar. Uygulama arka uç hizmeti bir Azure Işlevi kullanarak arka plan görüntüsü işleme yapar ve kullanıcılara bir Bildirim Hub 'ı aracılığıyla ilerlemeyi bildirebilirler. Görüntü olmayan veriler Cosmos DB depolanır. Web uygulaması, arka uç hizmet verilerine ve görüntülerine Traffic Manager aracılığıyla erişir.

Mobil istemci uygulaması çevrimdışı modda çalışarak, bir ağ bağlantınız olmadığında bile görüntüleri görüntülemenizi ve karşıya yüklemenizi sağlar.

Sağdaki bağlantılar, yukarıdaki çözüm mimarisinde listelenen Azure ürünlerini dağıtma ve yönetme ile ilgili belgeler sağlar.

Visual Studio Team Services

Visual Studio

Xamarin için Visual Studio Araçları

Uygulama Bilgileri

Visual Studio App Center

App Service Mobile Apps

Mimari

Mimari diyagramı Bu mimarinin bir SVG indirin.

Veri Akışı

  1. Visual Studio ve Xamarin kullanarak uygulamayı oluşturun.
  2. Azure App Service Mobile Apps arka uç hizmetini uygulama çözümüne ekleyin.
  3. Sosyal kimlik sağlayıcıları aracılığıyla kimlik doğrulaması uygulayın.
  4. Cosmos DB resim olmayan verileri depolama ve Redsıs için Azure önbelleğinde önbelleğe alma.
  5. Karşıya yüklenen görüntüleri Azure Blob depolama alanına depolayın.
  6. Yeni yüklenen görüntülerle ilgili iletileri kuyruğa al.
  7. Blob depolamadan alınan iletileri ve işlem görüntülerini sıradan almak için Azure Işlevleri 'ni kullanın.
  8. Bildirim Hub 'ı aracılığıyla kullanıcılara anında iletme bildirimleri gönderin.
  9. Visual Studio App Center aracılığıyla uygulamayı oluşturup test edin ve yayımlayın.
  10. Farklı veri merkezlerindeki hizmet uç noktalarına Kullanıcı trafiğinin dağıtımını denetleyin.
  11. App Service 'i izlemek için Application Insights kullanın.

Bileşenler

  • Visual studio 2017 veya Mac Için Visual Studio 'da C# ile Web ön ucu, mobil uygulamalar ve arka uç hizmetleri oluşturun.
  • Xamarin: C# ve Azure SDK 'Larını kullanarak IOS ve Android için mobil uygulamalar oluşturun.
  • Visual Studio App Center: App Center Bitbucket, GitHub ve Visual Studio Team Services kod çekerek sürekli tümleştirme ve dağıtım iş akışı etkinleştirilir.
  • Bir App Service Web uygulaması, müşteriye yönelik bir Web uygulamasını ve hem Web hem de mobil istemci tarafından kullanılan bir hizmeti barındırabilir.
  • Sunucusuz arka plan işleme için Azure işlevlerini kullanın. Örneğin, bir Azure işlevi bir kapsayıcıya eklendiğinde yeni Blobları otomatik olarak yeniden boyutlandırabilir, ancak başka bir işlev birden fazla arka plan görüntüsünü silmek için bir kuyruktaki iletileri dinler.
  • Application Insights: Application Insights ile sorunları tespit edin, kilitlenmeleri tanılayın ve Web uygulamanızda kullanımı izleyin. Geliştirme yaşam döngüsü boyunca bilinçli kararlar alın.
  • Azure Cosmos DB , tam olarak yönetilen bir NoSQL belge veritabanı hizmetidir. Şemaya ücretsiz veriler üzerinde sorgulama ve işlem işleme, öngörülebilir ve güvenilir performans ve hızlı geliştirme olanakları sunar.
  • Azure kuyruk depolaması , App Service arka ucu Ile Azure işlevleri arasında dayanıklı mesajlaşma için kullanılır.
  • BLOB depolama: Azure depolama, daha düşük maliyetle daha iyi ölçeklenebilirlik avantajlarından yararlanmak için görüntü dosyalarını barındırır. Web uygulaması ile Azure işlevi arasındaki iletişim genellikle BLOB Tetikleyicileri ve Azure kuyruk depolaması kullanılarak gerçekleştirilir.
  • Azure Notification Hubs , ölçeklenebilir, platformlar arası anında iletme bildirimleri için kullanılır.
  • Azure Traffic Manager , yüksek oranda yanıt veren ve kullanılabilir bir uygulama sunmak amacıyla farklı veri merkezlerindeki hizmet uç noktaları için Kullanıcı trafiğinin dağıtımını denetler.

Sonraki adımlar