【Code with SOLO】没电脑也能敲代码!我用 SOLO 在手机上捏了个SOLO移动端专属 App

1. 摘要:

为了解决手机浏览器使用 solo.trae.ai 体验不佳、界面受限的问题,我在没有任何本地 Android 开发环境的情况下,用 TRAE SOLO 全自动生成了一款 Android 原生应用。更神的是,SOLO 帮我通过 GitHub Actions 实现了纯云端自动打包,还解决了全面屏状态栏遮挡的问题!

2. 背景:

我平时在外面也经常需要用 AI 查资料、写文档,但每次都要打开手机浏览器输入 solo.trae.ai,不仅要忍受浏览器地址栏的占用,有时左右滑动页面直接出发浏览器的手势功能给我吧页面关了。

作为一个想偷懒的“非专业安卓开发”,我就想:能不能直接把网页套个壳,变成一个原生 App?
但我当时在外面,手头根本没有电脑,更别提配置动辄几十个 G 的 Android Studio 环境了。于是,我抱着试一试的心态,在手机上向 TRAE SOLO 提出了挑战:“我没有电脑,你能帮我给当前网站做一个安卓打包吗?”

3. 惊心动魄的实践过程:

整个过程 SOLO 就像一个老练的全栈架构师,我只负责在手机上给它授权和反馈:

:rocket: 第一阶段:零环境云端构建 (CI/CD)
SOLO 使用最新的 Capacitor 8 帮我初始化了安卓工程。为了解决我没电脑打包的问题,它极其聪明地帮我写了一套 GitHub Actions 脚本。我只需要提供一个 GitHub Token,SOLO 就在后台自动帮我建仓库、推代码、触发云端流水线打包。

:collision: 第二阶段:连续排雷,智斗版本兼容
云端首次打包报错了,因为 Capacitor 7/8 需要最新的环境。SOLO 像个排雷专家,立刻通过搜索,将 Actions 里的 Node.js 升级到 22,Java 升级到 21,一次性跑通了编译流程!

:fire: 第三阶段:死磕 Android 16 状态栏(全场最佳!)
拿到安装包后,我发现网页的头部完全陷进了状态栏里(我的测试机是 Android 16 的 OPPO 手机)。

  • 第一回合:SOLO 安装 @capacitor/status-bar 插件配置 overlaysWebView: false,但 Android 15+ 强制开启 Edge-to-Edge,配置无效。
  • 第二回合:SOLO 引入第三方插件并修改 styles.xml,但由于网页自带的 viewport 撑满全屏,依然失败。
  • 第三回合(绝杀):SOLO 直接化身安卓原生专家,修改了底层的 MainActivity.java 源码,利用原生 API 强行给 WebView 加上物理 Margin,彻底把网页挤出了安全区域!

:light_bulb: 核心代码展示:SOLO 写的神级 Java 监听器

// 强行把 WebView 挤出状态栏,无视网页自身全屏要求
ViewCompat.setOnApplyWindowInsetsListener(webView, (v, windowInsets) -> {
    Insets insets = windowInsets.getInsets(WindowInsetsCompat.Type.systemBars() | WindowInsetsCompat.Type.displayCutout());
    ViewGroup.MarginLayoutParams mlp = (ViewGroup.MarginLayoutParams) v.getLayoutParams();
    if (mlp != null) {
        mlp.topMargin = insets.top;
        mlp.bottomMargin = insets.bottom;
        v.setLayoutParams(mlp);
    }
    return windowInsets;
});

4. 成果与样品展示:

最终,我得到了一个带原生启动页(Splash Screen)、完美适配全面屏、且拥有专属 TRAE Logo 的 Android App。

:backhand_index_pointing_right: 项目已在 GitHub 开源,附带详细 README 和打包好的 APK
https://github.com/ma15803216102/solo-android-app
(大家可以直接去仓库的 Actions 页面下载 app-debug.apk 安装体验!)

(建议在这里插入两张截图:一张是手机上安装好的 Trae App 图标,另一张是 App 打开后完美避开状态栏的清晰界面截图)

5. 效果与总结:

  • 惊人的提效:如果是我自己去搭本地环境、查 Android 16 适配文档、现学 Java 写监听器,起码要折腾两天。而靠 SOLO,我全程只用了手机打字,不到 1 个小时就拿到了安装包!
  • AI 的降维打击:SOLO 让我深刻体会到,现在的 AI 已经不是单纯的“代码补全器”了。从查阅最新官方文档解决 Node/Java 版本冲突,到编写 CI/CD 云端流水线,再到底层安卓 Java 源码的注入,它展现出的是跨技术栈的全局解决能力
  • 一点思考:对于像我这样遇到突发灵感但受限于硬件设备的人来说,SOLO 就是那个能随时将想法转化为现实的超级外挂!

一边在迪斯尼排队,一边让solo码代码。这个项目的工具帮上大忙了。

1 个赞

SOLO移动端App,用SOLO来开发移动端应用,这个方向很实用!移动端是现在的主流,我在想移动端的一个特殊用户群体:失语者使用手机时,他们最需要的就是"一键表达"——越少的点击、越大的按钮越好。我做KineTap就是为这类人群设计的移动端工具,171个离线短语覆盖日常场景,一键就能说出想表达的话。你的App让移动开发更简单,我的让特殊用户也能使用移动设备,都是让技术更普惠。欢迎来我帖子看看

1 个赞