前言
Google AI Studio 的 Build 模式(通常指 "Gemini Vibe Coding" 或可视化构建功能)默认生成的是 Web 应用代码,主要是 React 或纯 HTML/JS,而非原生的 Android (Java/Kotlin) 代码。这意味着无法直接将其打包成 APK,我们需要先进行一步'转换',把 Web 应用包裹成一个安卓应用。
案例演示
下面以实际项目为例,演示如何将其打包成 APK 并安装到手机上。
这是一个使用 Gemini 3 生成的滑卡软件示例(开源项目:FlashFlow)。

基础环境准备
注意: 原生代码生成的 index.html 中可能存在路径问题导致页面空白,建议提前检查修改。

<script type="module" src="/index.tsx"></script>
前提条件:电脑上需要安装 Node.js 和 Android Studio。
提示: Android Studio 安装包较大,建议从官网下载以确保稳定性。
使用 Capacitor 进行转换
Capacitor 是一个能将 Web 应用(React/Vue/JS)直接转化为 Android/iOS 应用的工具,非常适合这种场景。
步骤 1:安装 Capacitor CLI
首先全局安装 Capacitor 命令行工具:
npm install -g @capacitor/cli
步骤 2:在项目中安装依赖
进入你的项目目录,安装 Capacitor 核心库和 Android 插件:
cd <your_project_path>
npm install @capacitor/core @capacitor/android
步骤 3:初始化 Capacitor
现在初始化项目,设置应用名称和包名:
npx cap init FlashFlow com.yourdomain.flashflow
这里的 com.yourdomain.flashflow 是你的应用包名,请使用反向域名格式,可根据实际需求修改。
步骤 4:构建 PWA 项目
在添加 Android 平台之前,需要先构建前端项目:

