![](/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.