CrabNote螃蟹笔记

Vibe Coding 必备!把 AI 生成的网页一键转成安卓 App,完全免费!

Vibe Coding 必备!把 AI 生成的网页一键转成安卓 App,完全免费!

Vibe Coding 必备!把 AI 生成的网页一键转成安卓 App,完全免费! Vibe Coding 必备!把 AI 生成的网页一键转成安卓 App,完全免费! Modified January 20 现在,我们来实际操作下,只需简单三步: 第一步:填写基础信息 打开网页,输入你的软件名称(如:自适应五子棋)和版本号(如:1.0.0),对于版本号的格式有校验,如果没有按照格式输入会有提示。 最后,可以选择一只图片作为apk的图标,也可以不上传。如果上传图片,那么要注意上传的图片不能大于2M。 第二步:权限配置(可跳过) 注意看界面上的箭头位置,点击可以展开权限列表。 因为我的五子棋是单机游戏,什么都没有勾选。 小贴士:按需选择,例如你的apk需要调用大模型接口,那么你就需要勾选网络配置。 第三步:选择模式并打包 三种模式: 1. 1. 单文件模式:直接上传 .html 文件。 2. 2. 粘贴代码:懒得存文件?直接把 AI 生成的代码复制进来。 3. 3. 上传压缩包:适合 React/Vite 等复杂的完整项目。 我这里选择模式1,上传 HTML 文件,点击生成。 特别说明:在模式1和模式3上传的文件最大30M 🎉 见证奇迹的时刻 大概等待 2 分钟左右…… “叮”!打包完成! 在打包完成后,会提供下载链接 这里要注意:生成的下载链接有效期2小时,如果超过那么将会被清理,只能重新再打包一次了。还有一个小时最多打包5次 因为这是用的公开版本,项目源码在GitHub,可以自行部署,就没有限制了 来看看手机上的运行效果: No access 20260114 123635 00:00 你看,一个完整的安卓 App 就这样诞生了!不用写一行 Java/Kotlin 代码,你的创意瞬间变成了产品。 👨‍💻 极客专区:私有化部署 & API 如果你是开发者,或者担心公共服务排队(虽然公共版每小时能打5次,完全够用),这个项目是完全开源的!你可以部署在自己的服务器上。 • • GitHub 源码:https://github.com/DeadWaveWave/demo2apk 1.1 Docker 一键部署 Code block Plain Text Copy 1. 下载部署配置 curl O https://raw.githubusercontent.com/DeadWaveWave/demo2apk/main/docker compose.deploy.yml 2. 启动服务 docker compose f docker compose.deploy.yml up d 2. API 自动化集成 它还提供了 API 接口!你可以把它集成到你的工作流中。 Code block Plain Text Copy HTML 单文件打包: curl X POST http://localhost:3000/api/build/html \ F "file=@test demo.html" \ F "appName=TestDemo" React 项目打包: 先将项目打包为 ZIP zip r test react app.zip test react app/ 上传构建(自动识别项目类型) curl X POST http://localhost:3000/api/build/zip \ F "file=@test react app.zip" \ F "appName=TestReactApp" 代码粘贴构建: 上传原始代码 (HTML/JS/React) curl X POST http://localhost:3000/api/build/code \ F "code=<export default function App() { return <h1 Hello</h1 }" \ F "appName=MyReactApp" Vibe Coding 的魅力在于降低创造的门槛,而 demo2apk 则是把门槛直接踩平了。 无论你是想做一个专属的计算器、一个表白网页,还是一个小游戏,现在都可以直接装进手机里,随身携带。 别犹豫,快去试试,把你的 AI 作品变成 App 吧! 如果觉得这个工具好用,不仅要点赞、在看,记得分享给身边也在用 AI 写代码的朋友哦!我们下期见!👋 现在,我们来实际操作下,只需简单三步: 第一步:填写基础信息 打开网页,输入你的软件名称(如:自适应五子棋)和版本号(如:1.0.0),对于版本号的格式有校验,如果没有按照格式输入会有提示。 最后,可以选择一只图片作为apk的图标,也可以不上传。如果上传图片,那么要注意上传的图片不能大于2M。 第二步:权限配置(可跳过) 注意看界面上的箭头位置,点击可以展开权限列表。 因为我的五子棋是单机游戏,什么都没有勾选。 小贴士:按需选择,例如你的apk需要调用大模型接口,那么你就需要勾选网络配置。 第三步:选择模式并打包 三种模式: 1. 1. 单文件模式:直接上传 .html 文件。 2. 2. 粘贴代码:懒得存文件?直接把 AI 生成的代码复制进来。 3. 3. 上传压缩包:适合 React/Vite 等复杂的完整项目。 我这里选择模式1,上传 HTML 文件,点击生成。 特别说明:在模式1和模式3上传的文件最大30M 🎉 见证奇迹的时刻 大概等待 2 分钟左右…… “叮”!打包完成! 在打包完成后,会提供下载链接 这里要注意:生成的下载链接有效期2小时,如果超过那么将会被清理,只能重新再打包一次了。还有一个小时最多打包5次 因为这是用的公开版本,项目源码在GitHub,可以自行部署,就没有限制了 来看看手机上的运行效果: No access 20260114 123635 00:00 No access 20260114 123635 00:00 你看,一个完整的安卓 App 就这样诞生了!不用写一行 Java/Kotlin 代码,你的创意瞬间变成了产品。 👨‍💻 极客专区:私有化部署 & API 如果你是开发者,或者担心公共服务排队(虽然公共版每小时能打5次,完全够用),这个项目是完全开源的!你可以部署在自己的服务器上。 • • GitHub 源码:https://github.com/DeadWaveWave/demo2apk 1.1 Docker 一键部署 2. API 自动化集成 它还提供了 API 接口!你可以把它集成到你的工作流中。 Vibe Coding 的魅力在于降低创造的门槛,而 demo2apk 则是把门槛直接踩平了。 无论你是想做一个专属的计算器、一个表白网页,还是一个小游戏,现在都可以直接装进手机里,随身携带。 别犹豫,快去试试,把你的 AI 作品变成 App 吧! 如果觉得这个工具好用,不仅要点赞、在看,记得分享给身边也在用 AI 写代码的朋友哦!我们下期见!👋 公众号原文:https://mp.weixin.qq.com/s/L kpJ1xZdN4U1GP3SlJifg 上面这个可以在手机上流畅运行的模拟点餐 APP,我没有写一行 Java 代码,也没有安装几个 G 的 Android Studio,只有一个Html文件,全程只用了 2 分钟,秒变安卓apk 大家好,我是笨笨 Vibe Coding已经火了大半年的时间。 无论你是用 千问、DeepSeek、豆包,还是 ChatGPT,相信你已经体验过一句话生成一个网页小游戏的快乐了。 但问题来了:电脑上保存了一堆Html,怎么用起来?怎么装到手机上随时随地玩? 难道为了一个几百行的 HTML 小游戏,还要去下载几个 G 的 Android Studio,配置复杂的 Java 环境,再去学习打包签名吗? No No No 大可不必! 今天发现了一个专为 Vibe Coding 打造的神器——Demo2APK。 不管你是前端大神,还是只懂 Ctrl+C/V 的 AI 玩家,只需上传文件,喝口水的功夫,它就能把你的代码变成一个可以在安卓手机上安装的 APK 软件! 最重要的是:无需魔法、无需注册、开源免费! ✨ 核心亮点:为什么它好用? 这个工具可以比喻为Vibe Coding的“泡面拍档”: • • 🚀 极速打包:无需配置任何安卓开发环境,3步完成。 • • 🌐 访问无忧:国内网络直接访问,速度飞快。 • • 🛠️ 傻瓜式操作:界面初看很混乱,但操作逻辑清晰。 • • 📦 多模式支持:单文件、代码粘贴、甚至 React 项目压缩包都能搞定。 👉 工具地址: https://demo2apk.lasuo.ai (第一次打开如果是英文,网页顶部有语言切换按钮) 📱 实操演示:把五子棋Html代码变成 App 为了演示,我让 AI 帮我写了一个“自适应五子棋”的 HTML 网页。 特别说明:在生成网页的时候要告诉AI生成web端和手机端都适配的代码