UI 라이브러리를 사용하여 플랫폼 간 개발 시작

  • 아티클

Important

Azure Communication Services의 이 기능은 현재 미리 보기 상태입니다.

미리 보기 API 및 SDK는 서비스 수준 계약 없이 제공됩니다. 프로덕션 워크로드에는 사용하지 않는 것이 좋습니다. 일부 기능은 지원되지 않거나 기능이 제한될 수 있습니다.

자세한 내용은 Microsoft Azure 미리 보기에 대한 추가 사용 약관을 검토합니다.

Azure Communication Services는 .NET MAUI, Xamarin 및 React Native 솔루션을 사용하는 교차 플랫폼 개발을 도입합니다. 이 샘플은 Azure Communication Services 통화가 모바일 플랫폼용 UI 라이브러리를 통합하고 개발자가 호출 기능으로 빌드를 시작할 수 있도록 바인딩을 만드는 방법을 보여 줍니다.

.NET MAUI용 Azure 통신 UI 모바일 라이브러리

이 프로젝트는 Azure Communication UI 라이브러리를 .NET MAUI 애플리케이션에 통합하는 방법을 보여 줍니다. Azure Communication Services 및 네이티브 Azure Communication Services UI 라이브러리를 활용하여 음성 및 영상 통화를 모두 지원하는 통화 환경을 빌드합니다.

코드 다운로드

GitHub에서 이 샘플에 대한 프로젝트를 찾습니다.

기능

네이티브 UI 라이브러리 개요를 참조하세요.

필수 조건

샘플 앱 실행

리포지토리를 복제합니다.

Android의 경우

Visual Studio Mac/Windows 2022
  1. /AndroidMauiBindings로 이동하고 이 디렉터리의 터미널에서 ./downloadJarScript.sh를 실행합니다. Windows에서 .sh를 실행하려면 GitBash 또는 Windows Subsystem for Linux (WSL)을 사용하도록 설정해야 합니다.
  2. Visual Studio에서 CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln 열기
  3. CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj를 편집하고 <TargetFrameworks>net7.0-android</TargetFrameworks>를 설정합니다.
  4. Visual Studio에서 Android 디바이스/에뮬레이터를 선택하고 CommunicationCallingSampleMauiApp 앱을 실행합니다.

iOS의 경우

Visual Studio Mac 2022
  1. communication-services-ui-library-maui/iOSMauiBindings/ProxyLibs/CommunicationUI-Proxy로 이동하고 이 디렉터리의 터미널에서 ./iOSFramework.sh -d를 실행합니다.
  2. Visual Studio에서 CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln 열기
  3. CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj를 편집하고 <TargetFrameworks>net7.0-ios</TargetFrameworks>를 설정합니다.
  4. Visual Studio에서 iOS 디바이스/시뮬레이터를 선택하고 CommunicationCallingSampleMauiApp 앱을 실행합니다.

강조 표시 및 피드백

GitHub를 방문하여 자세한 내용을 알아보고 더 많은 기능을 살펴보고 귀중한 피드백을 공유합니다.

Xamarin용 Azure Communication UI 모바일 라이브러리

이 프로젝트는 Azure Communication UI 라이브러리를 Xamarin Forms 애플리케이션에 통합하는 방법을 보여 줍니다. Azure Communication Services 및 네이티브 Azure Communication Services UI 라이브러리를 활용하여 음성 및 영상 통화를 모두 지원하는 통화 환경을 빌드합니다.

코드 다운로드

GitHub에서 이 샘플에 대한 프로젝트를 찾습니다.

기능

네이티브 UI 라이브러리 개요를 참조하세요.

필수 조건

샘플 앱 실행

리포지토리를 복제하고 Visual Studio에서 CommunicationCallingXamarinSampleApp.sln 열기

Android의 경우

  1. /XamarinAndroidBindings/로 이동하고 터미널의 이 디렉터리에서 sh downloadJarScript자세히 알아보기를 실행합니다.
  2. CommunicationCallingXamarinSampleApp.Android를 시작 프로젝트로 설정하고 솔루션을 빌드하고 애플리케이션을 실행할 디바이스 또는 에뮬레이터를 선택합니다.

iOS의 경우

먼저 macOS에서 바인딩 라이브러리를 빌드하는 것이 좋습니다. 먼저 XamariniOSindins/CommunicationUIProxy.Binding으로 이동하여 CommunicationUIProxy.Binding.sln를 빌드합니다. 이렇게 하면 NativeLibrary.dll을 사용할 수 있는 CommunicationUIProxy.Binding\bin 폴더가 생성됩니다. CommunicationCallingXamarinSampleApp.sln을(를) 여십시오. CommunicationCallingXamarinSampleApp.iOS/References에서 마우스 오른쪽 단추를 클릭하고 Add Reference를 클릭합니다. .Net Assembly 탭에서 바인딩 라이브러리의 .dll 위치를 찾아 참조로 추가할 수 있습니다. 이제 .cs 파일 상단에 using Xam.CommunicationUIProxy.iOS;를 추가하여 프로젝트에 라이브러리를 포함할 수 있습니다. CommunicationCallingXamarinSampleApp.iOS를 시작 프로젝트로 설정하고, 애플리케이션을 실행할 디바이스 또는 에뮬레이터를 빌드하고 선택합니다.

강조 표시 및 피드백

GitHub를 방문하여 자세한 내용을 알아보고 더 많은 기능을 살펴보고 귀중한 피드백을 공유합니다.

React Native용 Azure 통신 UI 모바일 라이브러리

이 프로젝트는 Azure Communication UI 라이브러리를 React Native에 통합하면 네이티브 Azure Communication UI 라이브러리와 Azure Communication Services를 활용하여 음성 및 영상 통화를 모두 지원하는 통화 환경을 빌드할 수 있음을 보여 줍니다.

코드 다운로드

GitHub에서 이 샘플에 대한 프로젝트를 찾습니다.

기능

네이티브 UI 라이브러리 개요를 참조하세요.

필수 조건

샘플 앱 실행

AzureCommunicationUIDemoApp/로 이동합니다.

  1. yarn install을 실행합니다.

iOS의 경우

iOS 앱 종속성을 설치합니다.

  1. 터미널에서 AzureCommunicationUIDemoApp/ios/로 이동합니다.
  2. pod install --repo-update을 실행합니다.

Android의 경우

Android 앱 종속성 빌드:

  1. 터미널에서 AzureCommunicationUIDemoApp/android/로 이동합니다.
  2. ./gradlew build을 실행합니다.

실행

AzureCommunicationUIDemoApp/으로 돌아갑니다.

  1. yarn react-native start을 실행합니다.
  2. 다른 터미널을 열고 AzureCommunicationUIDemoApp/ 폴더로 이동한 다음 yarn react-native run-ios 또는 yarn react-native run-android를 실행합니다.

또는 .xcworkspace 파일에서 Xcode를 실행하여 iOS 앱을 실행하고 시뮬레이터 또는 iOS 디바이스에서 스키마 AzureCommunicationUIDemoApp으로 앱을 실행할 수도 있습니다.

Android 앱을 실행하려면 Android Studio를 실행하고 gradle을 동기화한 후 Android 에뮬레이터 또는 Android 디바이스에서 실행할 수도 있습니다. Android 폴더 ./gradlew build의 명령을 사용하거나 Android Studio를 통해 Gradle을 동기화하는 두 가지 방법이 있습니다.

강조 표시 및 피드백

GitHub를 방문하여 자세한 내용을 알아보고 더 많은 기능을 살펴보고 소중한 피드백을 공유해 주시기 바랍니다.