使用 UI 程式庫開始使用跨平臺開發
重要
Azure 通訊服務的這項功能目前為預覽狀態。
沒有服務等級協定即可提供預覽 API 和 SDK。 我們建議您不要將它們用於生產工作負載。 某些功能可能不受支援，或可能會有限制的功能。
如需詳細資訊，請檢閱 Microsoft Azure 預覽版的補充使用規定。
Azure 通訊服務引進了使用.NET MAUI、Xamarin 和 React Native解決方案的跨平臺開發。 此範例示範Azure 通訊服務通話如何整合行動平臺的 UI 程式庫，並建立系結，讓開發人員開始使用通話功能進行建置。
適用于 .NET MAUI 的 Azure 通訊 UI 行動程式庫
此專案示範如何將 Azure 通訊 UI 程式庫整合到 .NET MAUI 應用程式中。 它利用Azure 通訊服務和原生Azure 通訊服務 UI 程式庫來建置同時具備語音和視訊通話功能的通話體驗。
下載程式碼
在 GitHub上尋找此範例的專案。
功能
請參閱原生 UI 連結 庫概觀
必要條件
- Visual Studio 安裝指示
- 具有有效訂用帳戶的 Azure 帳戶。 如需詳細資訊，請參閱免費建立帳戶。
- iOS 需求
- Android 需求
- Azure 通訊服務資源。 如需詳細資訊，請參閱建立Azure 通訊服務資源。
- 執行 驗證端點 以擷取存取權杖的 Azure 函式。
執行範例應用程式
複製 存放庫。
適用於 Android
Visual Studio Mac/Windows 2022
- 在終端機中巡覽至
/AndroidMauiBindings，並在此目錄中執行./downloadJarScript.sh。GitBash或Windows Subsystem for Linux (WSL)應該啟用以在 Windows 上執行.sh。 - 在 Visual Studio 中開啟
CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln - 編輯
CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj並設定<TargetFrameworks>net7.0-android</TargetFrameworks>。 - 在 Visual Studio 中選取 android 裝置/模擬器，然後執行
CommunicationCallingSampleMauiApp應用程式。
適用於 iOS
Visual Studio Mac 2022
- 在終端機中巡覽至
communication-services-ui-library-maui/iOSMauiBindings/ProxyLibs/CommunicationUI-Proxy，並在此目錄中執行./iOSFramework.sh -d。 - 在 Visual Studio 中開啟
CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.sln - 編輯
CommunicationCallingSampleMauiApp/CommunicationCallingSampleMauiApp.csproj並設定<TargetFrameworks>net7.0-ios</TargetFrameworks>。 - 在 Visual Studio 中選取 [iOS 裝置/模擬器]，然後執行
CommunicationCallingSampleMauiApp應用程式。
重點和意見反應
請造訪 GitHub 以深入瞭解並探索更多功能，並分享您寶貴的意見反應。
適用于 Xamarin 的 Azure 通訊 UI 行動程式庫
此專案示範如何將 Azure 通訊 UI 程式庫整合到 Xamarin Forms 應用程式中。 它利用Azure 通訊服務和原生Azure 通訊服務 UI 程式庫來建置同時具備語音和視訊通話功能的通話體驗。
下載程式碼
在 GitHub上尋找此範例的專案。
功能
請參閱原生 UI 連結 庫概觀
必要條件
- Visual Studio 安裝指示
- 具有有效訂用帳戶的 Azure 帳戶。 如需詳細資訊，請參閱免費建立帳戶。
- iOS 需求
- Android 需求
- Azure 通訊服務資源。 如需詳細資訊，請參閱建立Azure 通訊服務資源。
- 執行 驗證端點 以擷取存取權杖的 Azure 函式。
執行範例應用程式
複製存放庫並在 Visual Studio 中開啟 CommunicationCallingXamarinSampleApp.sln
適用於 Android
- 在終端機中巡覽至
/XamarinAndroidBindings/此目錄中的 和 ，執行sh downloadJarScript深入瞭解 - 設定
CommunicationCallingXamarinSampleApp.Android為啟動專案、建置方案，然後選取要執行應用程式的裝置或模擬器。
適用於 iOS
建議您先在 macOS 上建置系結程式庫。
首先流覽至 XamariniOSindins/CommunicationUIProxy.Binding 並建置 CommunicationUIProxy.Binding.sln 。
這會產生 CommunicationUIProxy.Binding\bin 資料夾，其中將 NativeLibrary.dll 可供您使用。
開啟 CommunicationCallingXamarinSampleApp.sln。 在滑鼠 CommunicationCallingXamarinSampleApp.iOS/References 右鍵和 Add Reference 底下。 在索引標籤中 .Net Assembly ，我們可以流覽至系結程式庫的 ， .dll 並將它新增為參考。
現在您可以在檔案頂端 .cs 新增 using Xam.CommunicationUIProxy.iOS; ，將程式庫包含在專案中。
設定 CommunicationCallingXamarinSampleApp.iOS 為啟始專案、建置及選取要執行應用程式的裝置或模擬器。
重點和意見反應
請造訪 GitHub 以深入瞭解並探索更多功能，並分享您寶貴的意見反應。
適用于 React Native 的 Azure 通訊 UI 行動程式庫
此專案示範如何將 Azure 通訊 UI 程式庫整合到React Native利用原生 Azure 通訊 UI 程式庫和Azure 通訊服務來建置同時具備語音和視訊通話功能的通話體驗。
下載程式碼
在 GitHub上尋找此範例的專案。
功能
請參閱原生 UI 連結 庫概觀
必要條件
- Visual Studio 安裝指示
- 具有有效訂用帳戶的 Azure 帳戶。 如需詳細資訊，請參閱免費建立帳戶。
- iOS 需求
- Android 需求
- Azure 通訊服務資源。 如需詳細資訊，請參閱建立Azure 通訊服務資源。
- 執行 驗證端點 以擷取存取權杖的 Azure 函式。
- Node、Watchman 和 React Native CLI：請參閱React Native環境設定指南。
- Yarn：請參閱 安裝指南
執行範例應用程式
流覽至 AzureCommunicationUIDemoApp/ ：
- 執行
yarn install
適用於 iOS
安裝 iOS 應用程式相依性：
- 在終端機中，流覽至
AzureCommunicationUIDemoApp/ios/： - 執行
pod install --repo-update
適用於 Android
建置 Android 應用程式相依性：
- 在終端機中，流覽至
AzureCommunicationUIDemoApp/android/： - 執行
./gradlew build
執行
流覽回 AzureCommunicationUIDemoApp/
- 執行
yarn react-native start - 開啟另一個終端機、流覽至
AzureCommunicationUIDemoApp/資料夾，然後執行yarn react-native run-ios或yarn react-native run-android
或者，您也可以從 .xcworkspace 檔案啟動 Xcode 來執行 iOS 應用程式，並在模擬器或 iOS 裝置上使用配置 AzureCommunicationUIDemoApp 來執行應用程式。
若要執行 Android 應用程式，您也可以在同步處理 gradle 之後，啟動 Android Studio 並在 Android 模擬器或 Android 裝置上執行。 有兩種方式可將 gradle 與 android 資料夾中 ./gradlew build 的命令或透過 Android Studio 同步處理。
重點和意見反應
請造訪 GitHub 以深入瞭解並探索更多功能，並分享您寶貴的意見反應。