这是 Vikash Kumar 在有关如何通过 Flutter App Code 调用 Azure Functions API 的 Medium 文章中给出的解决方法:
创建Wordle
的网站具有合法单词列表,并允许您仅从该列表中输入单词,我们验证输入单词是否为合法英语单词。
首先,他创建了 Azure Cosmos DB > 在其中的容器 > 添加了一些日期、单词对,例如:
创建了 Azure Functions,它与 具有输入绑定,Cosmos DB
并在每个请求上获取存储的单词列表。
此功能分为 3 个部分:
验证输入单词(不为空,相同长度,都转换为大写)
检查两个单词是否相同
输入单词中每个字母的状态。
部署的函数应用 API 将采用以下格式:https://wordle-api.azurewebsites.net/api/CheckWord?word=
还在组件的组合中创建了颤振,该word_field
组件创建了一个输入小部件,该小部件在 5 个框(每个 1 个)中接受一个 5 个字母的单词,类似于 OTP 字段。
- 并且
home component
构建一个脚手架并组合一个页面以接受 6 次单词尝试。
_checkWord
处理程序调用,wordle-api
获取颜色代码,并相应地更新组件。
- 在上述处理程序中调用函数 API,并将有关响应状态的代码和用户定义的消息写入响应。
var uri = Uri.https('wordle-api.azurewebsites.net', '/api/CheckWord', params);
完整代码请参考这篇文章。