Hello, 各位 iT 邦幫忙 的粉絲們大家好~~~

在本系列文會展開使用 Avalonia UI 技術所建立的 TopAOAIConnector App 。由於使用 Avalonia UI 可以很快速的進行各平台的 桌面 應用程式開發，並且透過此 TopAOAIConnector App 來串接 Azure OpenAI Service 時所需的功能研究。

本篇是 就是要來點 A.I. 的 TopAOAIConnector App 系列文的 EP03。

在前一回 EP 02 時大家已經透過 Avalonia UI 專案範本，順利的建立好一個 Avalonia UI 的開發專案，但是卻有一個 紅色驚嘆號！ 顯示在畫面上：

其實只要 "建置" 此 Avalonia UI 專案 紅色驚嘆號！ 就會消失啦！

主要是因為 Avalonia UI 畫面要在開發工具當中 preview 時，一開始還沒有任何此專案的可執行檔進行處理 preview，所以就無法顯示囉！

再來就來更新一下此 Avalonia UI 專案範本所建立的 Avalonia UI 專案所用到的 Nuget 套件們：

切到 "更新" 分頁，勾選 "選取所有封裝"，點選 "更新"。

走完下面的流程：

即可看到如下畫面：

下面就展示一下該 Avalonia UI 專案在 "桌面" 應用在 Windows、macOS、Ubuntu 的執行效果：

直接點選 "執行並偵錯" 按鈕(顯示為 TopAOAIConnector 時直接點選) 或透過鍵盤快捷鍵 "F5"，應該就可以順利執行該專案的預設視窗直接在 Windows 上。

Windows 佈景主題為淺色：

Windows 佈景主題為深色：

切換 "執行並偵錯" 按鈕為 WSL(顯示為 WSL 時直接點選) 或切換為 WSL 後透過鍵盤快捷鍵 "F5"，應該就可以順利執行該專案的預設視窗，在 WSL 當中有預先安裝好的 Ubuntu 環境上。

WSL 的 Ubuntu 呈現結果：

由於 Windows 上的 Visual Studio 2022 所建立 Avalonia UI 專案無法直接連到 macOS 進行偵錯執行。

所以在這邊就把整個專案編譯完成後的執行檔資料夾整個複製 macOS 當中，再透過 macOS 上的 "終端機" 輸入 "dotnet TopAOAIConnector.dll" 來執行：

macOS 佈景主題為淺色：

macOS 佈景主題為深色：

恩...

上述三套 OS 的環境中都需先安裝 .net 8 環境，才能正確執行喔！
(就先這樣吧~~~那個獨立執行模式就有機會再談...應該有吧！？)

另外，本系列後續篇幅的主要展示都會以 Windows 上的深色主題為例，若有需要的看倌就自行切換其執行環境與佈景主題顯示其 App 的執行結果。

阿...有人在 WSL 那邊卡關了？？？

ㄟ兜...這其實不是本系列該要介紹的範圍，下回就破例談談好了。