Bien démarrer avec le développement multiplateforme en utilisant la bibliothèque d’interface utilisateur

  • Article

Important

Cette fonctionnalité d’Azure Communication Services est actuellement en préversion.

Ces interfaces de programmation d’applications et kits de développement logiciel (SDK) en préversion sont fournis sans contrat au niveau du service. Nous vous recommandons de ne pas les utiliser pour les charges de travail de production. Certaines fonctionnalités peuvent être limitées ou non prises en charge.

Pour plus d’informations, consultez Conditions d’utilisation supplémentaires relatives aux préversions de Microsoft Azure.

Azure Communication Services introduit le développement multiplateforme en utilisant des solutions .NET MAUI, Xamarin et React Native. Cet exemple montre comment Azure Communication Services Calling intègre la bibliothèque d’interface utilisateur pour les plateformes mobiles et crée les liaisons pour permettre aux développeurs de commencer à créer des fonctionnalités d’appel.

Bibliothèque mobile d’interface utilisateur Azure Communication pour .NET MAUI

Ce projet montre l’intégration de la bibliothèque d’interface utilisateur Azure Communication dans l’application .NET MAUI. Il utilise Azure Communication Services et la bibliothèque d’interface utilisateur Azure Communication Services native pour créer une expérience d’appel qui comprend à la fois les appels vocaux et vidéo.

Télécharger le code

Recherchez le projet correspondant à cet exemple sur GitHub.

Fonctionnalités

Reportez-vous à la Vue d’ensemble de la bibliothèque d’interface utilisateur native

Prérequis

Exécuter un exemple d’application

Cloner le référentiel.

Pour Android

Visual Studio Mac/Windows 2022
  1. Accédez à /AndroidMauiBindings et dans ce répertoire dans le terminal, exécutez ./downloadJarScript.sh. GitBash ou Windows Subsystem for Linux (WSL) doit être activé pour s’exécuter .sh sur Windows.
  2. Ouvrez CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln dans Visual Studio
  3. Modifiez CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj et définissez <TargetFrameworks>net7.0-android</TargetFrameworks>.
  4. Sélectionnez appareil/émulateur Android dans Visual Studio et exécutez CommunicationCallingSampleMauiApp l’application.

Pour iOS

Visual Studio Mac 2022
  1. Accédez à communication-services-ui-library-maui/iOSMauiBindings/ProxyLibs/CommunicationUI-Proxy et dans ce répertoire dans le terminal, exécutez ./iOSFramework.sh -d.
  2. Ouvrez CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln dans Visual Studio
  3. Modifiez CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj et définissez <TargetFrameworks>net7.0-ios</TargetFrameworks>.
  4. Sélectionnez appareil/simulateur iOS dans Visual Studio et exécutez l’application CommunicationCallingSampleMauiApp.

Points forts et feedback

Visitez GitHub pour en savoir plus, et découvrir d’autres fonctionnalités et partager votre feedback.

Bibliothèque mobile d’interface utilisateur Azure Communication pour Xamarin

Ce projet montre l’intégration de la bibliothèque d’interface utilisateur Azure Communication dans l’application Xamarin Forms. Il utilise Azure Communication Services et la bibliothèque d’interface utilisateur Azure Communication Services native pour créer une expérience d’appel qui comprend à la fois les appels vocaux et vidéo.

Télécharger le code

Recherchez le projet correspondant à cet exemple sur GitHub.

Fonctionnalités

Reportez-vous à la Vue d’ensemble de la bibliothèque d’interface utilisateur native

Prérequis

Exécuter un exemple d’application

Cloner le dépôt et ouvrir CommunicationCallingXamarinSampleApp.sln dans Visual Studio

Pour Android

  1. Accédez à /XamarinAndroidBindings/ et dans ce répertoire dans le terminal, exécutez sh downloadJarScriptEn savoir plus
  2. Définissez CommunicationCallingXamarinSampleApp.Android comme projet de démarrage, créez une solution, puis sélectionnez un appareil ou un émulateur pour exécuter l’application.

Pour iOS

Il est recommandé de créer d’abord les bibliothèques de liaison sur macOS. Commencez par accéder à XamariniOSindins/CommunicationUIProxy.Binding et créez CommunicationUIProxy.Binding.sln. Ceci va générer le dossier CommunicationUIProxy.Binding\bin qui contiendra le fichier NativeLibrary.dll que vous allez utiliser. Ouvrez CommunicationCallingXamarinSampleApp.sln. Sous CommunicationCallingXamarinSampleApp.iOS/References, cliquez avec le bouton droit sur Add Reference. Sous l’onglet .Net Assembly, nous pouvons accéder à l’emplacement du fichier .dll de notre bibliothèque de liaisons et l’ajouter en tant que référence. Vous pouvez maintenant inclure la bibliothèque dans votre projet en ajoutant using Xam.CommunicationUIProxy.iOS; en haut de vos fichiers .cs. Définissez CommunicationCallingXamarinSampleApp.iOS comme projet de démarrage, générez, puis sélectionnez un appareil ou un émulateur pour exécuter l’application.

Points forts et feedback

Visitez GitHub pour en savoir plus, et découvrir d’autres fonctionnalités et partager votre feedback.

Bibliothèque mobile d’interface utilisateur Azure Communication pour React Native

Ce projet montre l’intégration de la bibliothèque d’interface utilisateur Azure Communication dans une application React Native en utilisant la bibliothèque d’interface utilisateur Azure Communication native et Azure Communication Services pour créer une expérience d’appel qui comprend à la fois les appels vocaux et vidéo.

Télécharger le code

Recherchez le projet correspondant à cet exemple sur GitHub.

Fonctionnalités

Reportez-vous à la Vue d’ensemble de la bibliothèque d’interface utilisateur native

Prérequis

Exécuter un exemple d’application

Accédez à AzureCommunicationUIDemoApp/ :

  1. Exécutez yarn install

Pour iOS

Installez les dépendances de l’application iOS :

  1. Dans un terminal, accédez à AzureCommunicationUIDemoApp/ios/ :
  2. Exécutez pod install --repo-update

Pour Android

Créez les dépendances de l’application Android :

  1. Dans un terminal, accédez à AzureCommunicationUIDemoApp/android/ :
  2. Exécutez ./gradlew build

Execute

Revenez à AzureCommunicationUIDemoApp/

  1. Exécutez yarn react-native start
  2. Ouvrez un autre terminal, accédez au dossier AzureCommunicationUIDemoApp/, puis exécutez yarn react-native run-ios ou yarn react-native run-android

Vous pouvez aussi exécuter l’application iOS en lançant Xcode à partir du fichier .xcworkspace et en exécutant l’application avec le schéma AzureCommunicationUIDemoApp sur votre simulateur ou votre appareil iOS.

Pour exécuter l’application Android, vous pouvez aussi lancer Android Studio, et exécuter sur l’émulateur Android ou l’appareil Android après la synchronisation de Gradle. Il existe deux façons de synchroniser Gradle : avec une commande dans le dossier Android ./gradlew build ou via Android Studio.

Points forts et feedback

Visitez GitHub pour en savoir plus, et découvrir d’autres fonctionnalités et partager votre feedback.