技术方案已经确定,马上正式开发。
说到开发手机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上显示结果。