通過輕松建立 Web API 前端來提升您的開發體驗。
低代碼工具在開發人員中越來越流行,因為用更少的代碼更快地建立應用程式。在 Visual Studio 2022 17.6 預覽版2中,您現在可以通過連接配接服務連接配接到 Microsoft Power Platform,并基于 ASP .NET Web API 建立自定義連接配接器。您可以在 Visual Studio 預覽版中下載下傳最新的版本。
在今天的博文中,我們将介紹如何在 Visual Studio 中建立自定義連接配接器,以及如何使用 Microsoft Power App 快速建構前端。
前提
1 Visual Studio 2022 版本17.6預覽2或更高版本 ASP. NET 和 Web 開發子產品已安裝。您需要登入到 Visual Studio 才能建立和使用開發隧道(dev tunnel)。Mac 版的 Visual Studio 沒有這個功能。
2 ASP . NET Core Web API 項目
3 Microsoft Power Platform 平台環境
如何為 Microsoft Power Platform 建立自定義連接配接器
1 為了使我們的連接配接工作,我們必須在Visual Studio中使用或建立一個 .NET Web API 項目。本例,我使用的是通用的 ASP. NET Web API 模闆。
2 在解決方案資料總管中輕按兩下“Connected Services”。
3 然後單擊“Service Dependencies”中的“+”。
4 接下來,我将 Microsoft Power Platform 添加為連接配接服務。連接配接将要求您定義以下配置:
* 選擇 Power Platform 環境。注意:如果您沒有可用的 Power Platform 環境,您可以輕松地建立一個開發人員環境。
* 選擇或建立一個新的自定義連接配接器
* 建立或選擇一條配置如下的開發隧道:
隧道類型:Persistent
通路類型:Public
注意:Visual Studio 利用開發隧道特性将本地運作的 API 公開給公共終結點。這意味着你可以在本地環境中使用與 API 一起運作的 Power App。
5 點選 Finish 按鈕後,您現在連接配接到 Microsoft Power Platform。隻要按下 F5 或 Play 按鈕,就會在前面選擇的 Power Platform 環境中建立自定義連接配接器。轉到 Microsoft Power Apps 檢視您的自定義連接配接器并建立前端。
注意:一旦您關閉解決方案并重新打開它,您應該再次啟用隧道。
使用 Power Apps 建立一個移動應用程式,并與您的 ASP .NET Web API 內建
随着你的 Web API 在本地運作,你現在可以使用 Microsoft Power Apps 快速建立一個 Power App:
1 打開 Microsoft Power Apps,選擇建立自定義連接配接器的環境:
2 接下來,我們通過 + Create 菜單 将建立一個新的 Blank Canvas App,并選擇 Phone 作為我們的布局。
3 然後,我們将通過 Add data 按鈕将自定義連接配接器添加到 Power App,并搜尋自定義連接配接器名稱。
4 我們将繼續插入 Button。在菜單中,選擇 Insert > Button。将按鈕拖放到窗體的底部。将 Text 更改為 Load Data。
5 将以下公式添加到 OnSelect 屬性中:ClearCollect(weatherCollection, WeatherSample_Connector.GetWeatherForecast())
6 在菜單中選擇“Insert Vertical Gallery”。選擇 weatherCollection 作為資料源。将布局更改為"标題和副标題( title and subtitle)"。
運作應用程式,你現在可以在本地運作 Web API 時看到結果。一旦 Web API 在你的開發環境中運作,你就可以實時調試,甚至熱重載你的代碼。
下一步是什麼
有關詳細内容,請檢視微軟官方文檔。在未來,我們将緻力于與您的 CI/CD 管道和 Azure API 管理內建。如果您有任何回報或未來的支援請求,請告訴我們。
回報
我們将在未來釋出的大部分更新都将受到回報的啟發。您可以通過開發者社群與我們分享回報:通過報告問題來報告任何錯誤或問題,并分享您對新功能或改進現有功能的建議。
你也可以在這裡留言或聯系 [email protected]。或者你可以在領英上聯系 Julia,@jukasper。
Happy coding
原文連結:https://devblogs.microsoft.com/visualstudio/create-a-microsoft-power-app-for-your-asp-net-core-web-api/