专栏名称: CloudMan
云计算深度实践者;定期发布《每天5分钟玩转OpenStack》教程;让 OpenStack 不再难学!
目录
相关文章推荐
51好读  ›  专栏  ›  CloudMan

拍照查卡路里APP - 开发1

CloudMan  · 公众号  ·  · 2025-03-07 06:01

正文

请到「今天看啥」查看全文


技术方案已经确定,马上正式开发。

说到开发手机APP,这可真是进入了CloudMan的知识盲区。20年前开发过Web应用,但对于移动端开发完全没有概念。

前面AI推荐了React Native 或 Flutter。做了些调研,了解到它们的开发语言分别是 JavaScript 和 Dart。由于对JavaScript还算熟悉,所以我果断选择了Flutter。

原因无他,就是想看看AI辅助编程的能力,看看能不能让我这样一个小白也能从零开发出像样的APP?

开发工具

开发工具的选择没什么好纠结的,VS Code。主流 IDE,免费,丰富的扩展插件几乎支持所有的开发框架和语言。AI辅助编程方面,可以安装免费的MarsCode AI 插件。

大家也可能听说过Cursor或Github Copilot,都是非常优秀的AI辅助编程工具,缺点就是得花钱。以CloudMan有限的使用经验来看,对于简单的需求,MarsCode完全够用了。

我的建议是先从MarsCode上手,用一段时间后再尝试Cursor或Copilot,有了比较之后再决定是否付费。

创建项目

从哪儿开始呢?老办法,先问AI。

按照AI的建议,安装Flutter SDK,配置开发环境,创建和运行hello world项目,这里就不赘述了,直接上效果图。

开发UI

hello world帮我们搭建好了项目框架,代码也可以运行,接下来就是在这个基础上实现真正的功能。

首先我们希望能在APP中直接拍摄或是从图库中选择照片。下面就让MarsCode帮我们完成这部分代码。

AI辅助编程工具能帮我们生成项目框架和大部分代码。对于AI生成的代码CloudMan建议大家还是要仔细看看,一是可以学习AI的开发思路,二是AI偶尔也会犯错。

调用大模型

现在UI上已经能拍照和选图了,接下来就是调用大模型。

当用户选择图片后,程序应该调用“图像内容理解-提交请求”这个API。

具体代码实现还是让AI来做。

下一节我们通过task_id获取并在UI上显示结果。








请到「今天看啥」查看全文