天天看點

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

作者:opendotnet

通過輕松建立 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 模闆。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

2 在解決方案資料總管中輕按兩下“Connected Services”。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

3 然後單擊“Service Dependencies”中的“+”。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

4 接下來,我将 Microsoft Power Platform 添加為連接配接服務。連接配接将要求您定義以下配置:

* 選擇 Power Platform 環境。注意:如果您沒有可用的 Power Platform 環境,您可以輕松地建立一個開發人員環境。

* 選擇或建立一個新的自定義連接配接器

* 建立或選擇一條配置如下的開發隧道:

隧道類型:Persistent

通路類型:Public

注意:Visual Studio 利用開發隧道特性将本地運作的 API 公開給公共終結點。這意味着你可以在本地環境中使用與 API 一起運作的 Power App。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App
【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

5 點選 Finish 按鈕後,您現在連接配接到 Microsoft Power Platform。隻要按下 F5 或 Play 按鈕,就會在前面選擇的 Power Platform 環境中建立自定義連接配接器。轉到 Microsoft Power Apps 檢視您的自定義連接配接器并建立前端。

注意:一旦您關閉解決方案并重新打開它,您應該再次啟用隧道。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

使用 Power Apps 建立一個移動應用程式,并與您的 ASP .NET Web API 內建

随着你的 Web API 在本地運作,你現在可以使用 Microsoft Power Apps 快速建立一個 Power App:

1 打開 Microsoft Power Apps,選擇建立自定義連接配接器的環境:

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

2 接下來,我們通過 + Create 菜單 将建立一個新的 Blank Canvas App,并選擇 Phone 作為我們的布局。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

3 然後,我們将通過 Add data 按鈕将自定義連接配接器添加到 Power App,并搜尋自定義連接配接器名稱。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

4 我們将繼續插入 Button。在菜單中,選擇 Insert > Button。将按鈕拖放到窗體的底部。将 Text 更改為 Load Data。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

5 将以下公式添加到 OnSelect 屬性中:ClearCollect(weatherCollection, WeatherSample_Connector.GetWeatherForecast())

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

6 在菜單中選擇“Insert Vertical Gallery”。選擇 weatherCollection 作為資料源。将布局更改為"标題和副标題( title and subtitle)"。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

運作應用程式,你現在可以在本地運作 Web API 時看到結果。一旦 Web API 在你的開發環境中運作,你就可以實時調試,甚至熱重載你的代碼。

【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App
【譯】為你的 ASP. NET Core Web API 建立 Microsoft Power App

下一步是什麼

有關詳細内容,請檢視微軟官方文檔。在未來,我們将緻力于與您的 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/

繼續閱讀