Udostępnij za pośrednictwem


Wprowadzenie do programowania międzyplatformowego przy użyciu biblioteki interfejsu użytkownika

Ważne

Ta funkcja usług Azure Communication Services jest obecnie dostępna w wersji zapoznawczej. Funkcje w wersji zapoznawczej są publicznie dostępne i mogą być używane przez wszystkich nowych i istniejących klientów firmy Microsoft.

Interfejsy API i zestawy SDK w wersji zapoznawczej są udostępniane bez umowy dotyczącej poziomu usług. Zalecamy, aby nie używać ich w przypadku obciążeń produkcyjnych. Niektóre funkcje mogą nie być obsługiwane lub mogą być ograniczone.

Aby uzyskać więcej informacji, zobacz Warunki dodatkowe korzystania z testowych wersji Microsoft Azure.

Usługa Azure Communication Services wprowadza międzyplatformowe programowanie przy użyciu rozwiązań .NET MAUI i React Native . W tym przykładzie pokazano, jak usługa Azure Communication Services Calling integruje bibliotekę interfejsu użytkownika dla platform mobilnych i tworzy powiązania, aby umożliwić deweloperom rozpoczęcie tworzenia za pomocą funkcji wywołujących.

Mobilna biblioteka interfejsu użytkownika platformy Azure Communication dla .NET MAUI

Ten projekt przedstawia integrację biblioteki interfejsu użytkownika usługi Azure Communication z aplikacją MAUI platformy .NET. Korzysta ona z usług Azure Communication Services i natywnej biblioteki interfejsu użytkownika usług Azure Communication Services w celu utworzenia środowiska wywołującego, które oferuje zarówno połączenia głosowe, jak i wideo.

Pobieranie kodu

Znajdź projekt dla tego przykładu w witrynie GitHub.

Funkcje

Zapoznaj się z omówieniem natywnej biblioteki interfejsu użytkownika

Wymagania wstępne

  • Instrukcje dotyczące konfiguracji programu Visual Studio
  • Konto platformy Azure z aktywną subskrypcją. Aby uzyskać szczegółowe informacje, zobacz Tworzenie bezpłatnego konta.
  • Wymagania dotyczące systemu iOS
  • Wymagania dotyczące systemu Android
  • Zasób usług Azure Communication Services. Aby uzyskać szczegółowe informacje, zobacz Tworzenie zasobu usług Azure Communication Services.
  • Funkcja platformy Azure z uruchomionym punktem końcowym uwierzytelniania w celu pobrania tokenów dostępu.

Uruchamianie przykładowej aplikacji

Sklonuj repo.

W przypadku systemu Android

Visual Studio Mac/Windows 2022
  1. Przejdź do /AndroidMauiBindings i w tym katalogu w terminalu uruchom polecenie ./downloadJarScript.sh. GitBash lub Windows Subsystem for Linux (WSL) powinny być włączone, aby uruchomić .sh w systemie Windows.
  2. Otwórz CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln w programie Visual Studio
  3. Edytuj CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj i ustaw <TargetFrameworks>net7.0-android</TargetFrameworks>.
  4. Wybierz pozycję Urządzenie/emulator systemu Android w programie Visual Studio i uruchom CommunicationCallingSampleMauiApp aplikację.

W przypadku systemu iOS

Visual Studio Mac 2022 (program Visual Studio Mac 2022)
  1. Przejdź do communication-services-ui-library-maui/iOSMauiBindings/ProxyLibs/CommunicationUI-Proxy i w tym katalogu w terminalu uruchom polecenie ./iOSFramework.sh -d.
  2. Otwórz CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln w programie Visual Studio
  3. Edytuj CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj i ustaw <TargetFrameworks>net7.0-ios</TargetFrameworks>.
  4. Wybierz pozycję Urządzenie/symulator systemu iOS w programie Visual Studio i uruchom CommunicationCallingSampleMauiApp aplikację.

Najważniejsze informacje i opinie

Odwiedź witrynę GitHub , aby dowiedzieć się więcej i dowiedzieć się więcej możliwości i podzielić się cenną opinią.

Biblioteka mobilna interfejsu użytkownika usługi Azure Communication dla oprogramowania React Native

Ten projekt demonstruje integrację biblioteki interfejsu użytkownika usługi Azure Communication z platformą React Native, korzysta z natywnej biblioteki interfejsu użytkownika usługi Azure Communication i usług Azure Communication Services w celu utworzenia środowiska wywołującego, które oferuje zarówno połączenie głosowe, jak i wideo.

Pobieranie kodu

Znajdź projekt dla tego przykładu w witrynie GitHub.

Funkcje

Zapoznaj się z omówieniem natywnej biblioteki interfejsu użytkownika

Wymagania wstępne

  • Instrukcje dotyczące konfiguracji programu Visual Studio
  • Konto platformy Azure z aktywną subskrypcją. Aby uzyskać szczegółowe informacje, zobacz Tworzenie bezpłatnego konta.
  • Wymagania dotyczące systemu iOS
  • Wymagania dotyczące systemu Android
  • Zasób usług Azure Communication Services. Aby uzyskać szczegółowe informacje, zobacz Tworzenie zasobu usług Azure Communication Services.
  • Funkcja platformy Azure z uruchomionym punktem końcowym uwierzytelniania w celu pobrania tokenów dostępu.
  • Node, Watchman i React Native CLI: zapoznaj się z przewodnikiem konfiguracji środowiska react native.
  • Yarn: zapoznaj się z przewodnikiem instalacji

Uruchamianie przykładowej aplikacji

Przejdź do: AzureCommunicationUIDemoApp/

  1. Uruchom yarn install

W przypadku systemu iOS

Zainstaluj zależności aplikacji systemu iOS:

  1. W terminalu przejdź do AzureCommunicationUIDemoApp/ios/:
  2. Uruchom pod install --repo-update

W przypadku systemu Android

Tworzenie zależności aplikacji systemu Android:

  1. W terminalu przejdź do AzureCommunicationUIDemoApp/android/:
  2. Uruchom ./gradlew build

Wykonaj

Przejdź z powrotem do AzureCommunicationUIDemoApp/

  1. Uruchom yarn react-native start
  2. Otwórz inny terminal, przejdź do folderu AzureCommunicationUIDemoApp/ i uruchom yarn react-native run-ios lub yarn react-native run-android

Alternatywnie możesz również uruchomić aplikację systemu iOS, uruchamiając program Xcode z .xcworkspace pliku i uruchamiając aplikację ze schematem AzureCommunicationUIDemoApp na symulatorze lub urządzeniu z systemem iOS.

Aby uruchomić aplikację systemu Android, możesz również uruchomić program Android Studio i uruchomić go na emulatorze systemu Android lub urządzeniu z systemem Android po zsynchronizowaniu narzędzia gradle. Istnieją dwa sposoby synchronizacji Gradle: za pomocą polecenia w folderze android ./gradlew build lub poprzez Android Studio.

Najważniejsze informacje i opinie

Odwiedź witrynę GitHub , aby dowiedzieć się więcej i dowiedzieć się więcej możliwości i podzielić się cenną opinią.