繁体   English   中英

如何用flutter触发Azure function

[英]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 ,获取颜色代码,并相应地更新组件。
  • 在上述处理程序中调用 Function API 并将有关响应状态和用户自定义消息的代码写入响应。

var uri = Uri.https('wordle-api.azurewebsites.net', '/api/CheckWord', params);

完整代码请参考这篇文章

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM