“非工程师也想开发应用！”怀着这样的想法，笔者尝试利用生成式AI进行自制应用开发（Vibe编码），却在“发布壁垒”前止步不前。
于是，笔者向日本国家GMO互联网集团的现役工程师石丸智辉请教，开始使用Google AI Studio进行应用开发。梦想中的“威士忌记录应用”很快实现运行，令笔者兴奋不已，但这仅是前端部分。
经历了界面消失等问题后，前端部分逐步完善，并通过了智能手机的运行测试。应用名称定为“AiLA”，Google AI Studio的工作告一段落。
接下来，将Google AI Studio与GitHub连接，上传至今为止编写的源代码，准备创建数据库……然而，连接时遇到了阻碍的BUG。
这是一段业余与专业人士携手，充满泥泞却真实的开发纪录。
将Google AI Studio与GitHub连接并上传代码
上次尝试连接Google AI Studio与GitHub时遇到故障。全球用户均报告了类似问题，无解。石丸建议耐心等待。约两周后，笔者尝试登录时突然连接成功，出现“Sync to GitHub”提示。
输入应用名作为“New repository name”，应用说明作为“New repository description”，选择“Private”以不公开源码，点击“Create GitHub repository”。
“repository（代码库）”是保存源码及资料、管理修改历史的地方，能记录谁何时修改了什么，还能回退到历史版本。
“这样，AI Studio制作的代码成功推送到GitHub。通过GitHub管理后，VS Code、Claude Code等其他AI编码工具也能使用相同源码。但目前此功能仅支持从AI Studio推送到GitHub，无法将GitHub的修改拉回AI Studio。也就是说，推送后基本不再回到AI Studio，后续开发需在VS Code或Claude Code继续。”（石丸）
通过问答形式进行应用预设计，降低运营风险
接下来是准备Firebase和VS Code，但在此之前，需要更细致的设计。虽然已表达想做“记录饮用威士忌的社交应用”，但还需明确“保存哪些数据”、“公开范围”等。
“应用开发难点在于不仅仅是制作完成。设计模糊会导致后续运营困难。”（石丸）
笔者不知如何设计，遂与石丸展开问答。
关于登录方式，除了自建ID密码，也可用Google、X等外部账号登录。但多种登录方式会增加管理、测试和客服负担，且外部服务变动需应对。自建登录则需处理密码重置和安全防护。建议先选一种简单开始。（石丸）
笔者决定先用Google登录。
未登录用户显示什么？笔者认为只允许登录用户使用即可。虽然未登录时展示威士忌列表有助于吸引新用户，但公开内容设计复杂，初期工作量大，故决定未登录时只显示登录界面。
谁能登录？建议初期采用审批制，类似封闭测试，仅允许获批用户使用，防止滥用和垃圾注册，控制成本。（石丸）
此外，限制用户范围便于收集反馈，逐步完善功能和界面。
社交功能做多大？虽然想要类似Instagram、Facebook的交流功能，但先确保个人查看功能正常更安全。
注册信息有哪些？图片必需，其他信息需谨慎。避免收集个人信息如登录ID、姓名、联系方式。关于饮用地点，店名单独不构成个人信息，但结合日期、照片等可能推测行踪，初期应谨慎处理，决定删除店名字段，改为备注输入。
功能限制如何设定？过度使用API会增加成本，开发中可灵活调整。（石丸）
这些问题虽能快速判断，但非专业者难以自行设计。石丸建议多向AI咨询，如“发布应用时需注意的安全和成本问题”，让AI不仅作为开发助手，也作为审查者，帮助避免遗漏。
使用Firebase准备登录和数据库构建
下一步是准备登录功能及用户数据和图片存储。
选择Google提供的移动和Web应用后端服务Firebase，简化服务器搭建和运维，集成登录认证、数据库、图片存储等功能，还可扩展通知和访问分析。
访问Firebase官网，点击“Get started in console”，用启用两步验证的Google账号登录。
点击“设置Firebase项目开始”，输入项目名。石丸建议项目名全部小写，符合项目ID只能用小写字母、数字和连字符的规则。项目名和ID保持一致是工程师习惯。
建议项目名加“-stg”后缀，表示预发布的“测试环境”，正式环境则用“-prod”。非专业者难理解这些规范，师傅指导很重要。
Firebase内置Google登录设置，选择“Authentication”→“登录方法”→“Google”，设置项目支持邮箱。
“目前用个人邮箱即可，正式运营时可注册威士忌相关域名邮箱作为支持邮箱。”（石丸）
设置完成后，显示“Firebase SDK添加”代码，认证准备完毕，后续与应用关联。
操作简单易懂，但多工具交叉使用时容易混淆。
“引入登录功能、权限管理、数据存储及公开后，需考虑安全、成本和异常使用，准备工作繁琐。若无登录和数据存储，或仅限本地存储，利用Vibe编码能快速发布。”（石丸）
配置VS Code并连接GitHub下载代码
最后安装VS Code。
从官网下载安装，启动后按Ctrl+Shift+P打开命令面板，输入language，选择“Configure Display Language”，切换为日语界面。
点击左侧扩展图标，搜索“GitHub Pull Requests”，安装后登录GitHub，完成连接。
在“工作区信任”标签点击“信任”，解除限制模式。
命令面板输入“git clone”，选择“Git:克隆”，登录GitHub，选择“AiLA”应用，选择保存代码的文件夹。
“Windows用户建议在C盘创建‘dev’文件夹作为开发目录，方便管理。”（石丸）
代码成功下载，源代码从Google AI Studio传到GitHub，再到Visual Studio Code。
跟随石丸指导，笔者一步步前进，操作不难，遇到不懂可问AI。虽然应用本身未变化，成就感有限，但这是开发必经步骤，收获颇丰。
下次将正式开始使用Visual Studio Code和Claude Code进行开发。
（待续 第5回）
作者简介：柳谷智宣
IT与商业领域撰稿人，拥有26年职业经验，涉猎数字设备、Web服务、消费品及企业产品。近年来专注AI、SaaS和数字化转型领域。日常撰写大量稿件，离不开生成式AI辅助。
- 作者网站：https://prof.yanagiya.biz/
