![](/img/trans.png)
[英]Flutter - how to trigger a function after the async function is completed
[英]How to trigger Azure function with flutter
我在 c # 中創建了一個 azure function # 並設置了一個 HTTP 觸發器。 我對如何從 flutter 應用程序調用此 function 感興趣。 我不需要傳輸任何特殊數據,因為所有內容都已在我用來調用 function 的鏈接中。我創建了 function 的簡化視圖來演示我想要什么。
https://functionapp220220124204147.azurewebsites.net/api/Quercus?status=Off
當它調用這個 function 時,它需要做的就是將變量的值從 on 更改為 off
我知道這不是制作 function 的正確方法,我不應該有這樣的變量,但這只是一個簡化版本
這是 Vikash Kumar 在關於如何調用 Azure 函數 API 到 Flutter 應用程序代碼的中篇文章中給出的解決方法:
創建Wordle
網站,其中包含一個合法單詞列表,並允許您僅從該列表中輸入一個單詞,我們會在該列表中驗證輸入的單詞是否為合法的英語單詞。
首先,他創建了 Azure Cosmos DB > 在其中添加了容器 > 添加了一些日期、單詞對,例如:
創建了 Azure 函數,它具有與Cosmos DB
的輸入綁定,並在每次請求時獲取存儲的單詞列表。
此功能分為 3 個部分:
驗證輸入的單詞(不是null,長度相同,都轉為大寫)
檢查兩個詞是否相同
輸入單詞中每個字母的狀態。
部署的 function 應用程序 API 將采用以下格式: https://wordle-api.azurewebsites.net/api/CheckWord?word=
還在word_field
組件的組合中創建了 flutter,它創建了一個輸入小部件,它在 5 個框(每個 1 個)中接受 5 個字母的單詞,這類似於 OTP 字段。
home component
構建了一個腳手架並拼湊了一個頁面來接受 6 次單詞嘗試。_checkWord
處理程序調用wordle-api
,獲取顏色代碼,並相應地更新組件。 var uri = Uri.https('wordle-api.azurewebsites.net', '/api/CheckWord', params);
完整代碼請參考這篇文章。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.