인증과 소셜 모바일 및 웹앱

이 모바일 클라이언트 앱은 컴패니언 웹앱과 소셜 이미지 공유를 제공합니다. 앱 백 엔드 서비스는 Azure Function을 사용하여 백그라운드 이미지 처리를 수행하고 알림 허브를 통해 사용자에게 진행률을 알릴 수 있습니다. 이미지가 아닌 데이터는 CosmosDB에 저장됩니다. 웹앱은 Traffic Manager를 통해 백 엔드 서비스 데이터 및 이미지에 액세스합니다.

모바일 클라이언트 앱은 오프라인 모드로 작동하기 때문에, 네트워크에 연결되어 있지 않더라도 이미지를 보고 업로드할 수 있습니다.

인증과 소셜 모바일 및 웹앱이 모바일 클라이언트 앱은 컴패니언 웹앱과 소셜 이미지 공유를 제공합니다. 앱 백 엔드 서비스는 Azure Function을 사용하여 백그라운드 이미지 처리를 수행하고 알림 허브를 통해 사용자에게 진행률을 알릴 수 있습니다. 이미지가 아닌 데이터는 CosmosDB에 저장됩니다. 웹앱은 Traffic Manager를 통해 백 엔드 서비스 데이터 및 이미지에 액세스합니다. 1110987654321

Visual Studio 및 Xamarin을 사용하여 앱을 만듭니다.

Azure App Service Mobile Apps 백 엔드 서비스를 앱 솔루션에 추가합니다.

소셜 ID 공급자를 통해 인증을 구현합니다.

CosmosDB에 이미지가 아닌 데이터를 저장하고 Azure Cache for Redis에 캐시합니다.

Azure Blob Storage에 업로드된 이미지를 저장합니다.

새로 업로드된 이미지에 대한 메시지를 큐에 넣습니다.

Azure Functions를 사용하여 메시지를 큐에서 제거하고 Blob Storage에서 검색한 이미지를 처리합니다.

알림 허브를 사용하여 사용자에게 푸시 알림을 보냅니다.

Visual Studio App Center를 통해 앱을 빌드 및 테스트하고 게시합니다.

여러 데이터 센터에 있는 서비스 엔드포인트에 대한 사용자 트래픽 분산을 제어합니다.

Application Insights를 사용하여 App Service를 모니터링합니다.

  1. 1 Visual Studio 및 Xamarin을 사용하여 앱을 만듭니다.
  2. 2 Azure App Service Mobile Apps 백 엔드 서비스를 앱 솔루션에 추가합니다.
  3. 3 소셜 ID 공급자를 통해 인증을 구현합니다.
  4. 4 CosmosDB에 이미지가 아닌 데이터를 저장하고 Azure Cache for Redis에 캐시합니다.
  5. 5 Azure Blob Storage에 업로드된 이미지를 저장합니다.
  6. 6 새로 업로드된 이미지에 대한 메시지를 큐에 넣습니다.
  1. 7 Azure Functions를 사용하여 메시지를 큐에서 제거하고 Blob Storage에서 검색한 이미지를 처리합니다.
  2. 8 알림 허브를 사용하여 사용자에게 푸시 알림을 보냅니다.
  3. 9 Visual Studio App Center를 통해 앱을 빌드 및 테스트하고 게시합니다.
  4. 10 여러 데이터 센터에 있는 서비스 엔드포인트에 대한 사용자 트래픽 분산을 제어합니다.
  5. 11 Application Insights를 사용하여 App Service를 모니터링합니다.

구현 가이드

제품/설명 설명서

Visual Studio

Visual Studio 2017 또는 Mac용 Visual Studio를 사용하여 C#으로 웹 프런트 엔드, 모바일 앱, 백 엔드 서비스를 빌드하세요.

Xamarin

C# 및 Azure SDK를 사용하여 iOS 및 Android용 모바일 앱을 만드세요.

Visual Studio App Center

App Center는 BitBucket, GitHub 및 Visual Studio Team Services에서 코드를 풀링하여 지속적인 통합 및 배포 워크플로를 가능하게 합니다.

App Service

App Service 웹앱은 고객 관련 웹앱 및 웹과 모바일 클라이언트 양쪽 모두에 사용되는 서비스를 호스트할 수 있습니다.

Azure Function

서버를 사용하지 않는 백그라운드 처리에 Azure Functions을 사용합니다. 예를 들어 Azure 함수 하나는 새 Blob이 컨테이너에 추가되면 새 Blob의 크기를 자동으로 조정하고, 다른 함수는 여러 백그라운드 이미지를 삭제하기 위해 큐에 있는 메시지를 수신합니다.

Application Insights

Application Insights로 웹앱에서 문제를 탐색하고 충돌을 진단하고 사용량을 추적하세요. 개발 수명 주기 전체에 걸쳐 정보를 바탕으로 결정을 내릴 수 있습니다.

Azure Cosmos DB

Azure Cosmos DB는 완전히 관리되는 NoSQL 문서 데이터베이스 서비스입니다. Azure Cosmos DB는 스키마 없는 데이터, 예측 가능하며 안정적인 성능, 신속한 개발과 관련하여 쿼리 및 트랜잭션 처리를 제공합니다.

Queue Storage

Azure Queue Storage는 App Service 백 엔드와 Azure Functions 사이의 내구성 있는 메시징에 사용됩니다.

Blob Storage

이미지는 낮은 비용으로 뛰어난 확장성을 활용하기 위해 Azure Storage에 저장됩니다. 웹앱과 Azure Function 사이의 통신은 대개 Blob 트리거와 Azure Queue Storage를 사용하여 수행됩니다.

Notification Hubs

Azure Notification Hubs는 플랫폼 간 확장성 있는 푸시 알림에 사용됩니다.

Traffic Manager

Azure Traffic Manager는 응답성이 우수한 고가용성 애플리케이션을 제공하기 위해 여러 데이터 센터의 서비스 엔드포인트에 대한 사용자 트래픽 배포를 제어합니다.

제품 정보

오른쪽의 링크는 위의 솔루션 아키텍처에 나열된 Azure 제품의 배포 및 관리에 대한 설명서를 제공합니다.

관련 솔루션 아키텍처

작업 기반 소비자 모바일 앱이 소비자 모바일 앱 아키텍처에서는 Azure App Service Mobile Apps를 사용하여 여러 소셜 ID 공급자를 이용한 인증을 간소화하고 오프라인 액세스를 위해 데이터를 저장하고 동기화하며 푸시 알림을 보냅니다.539468712

작업 기반 소비자 모바일 앱

이 소비자 모바일 앱 아키텍처에서는 Azure App Service Mobile Apps를 사용하여 여러 소셜 ID 공급자를 이용한 인증을 간소화하고 오프라인 액세스를 위해 데이터를 저장하고 동기화하며 푸시 알림을 보냅니다.