资讯详情

EasyAIoT 移动端一码三端完整指南:一套前端如何打包出 Android APK、iOS IPA、鸿蒙 HAP

📅 2026/10/30 6:24:55 | 华诺云谱 👁 阅读
EasyAIoT 移动端一码三端完整指南:一套前端如何打包出 Android APK、iOS IPA、鸿蒙 HAP
后端前端人工智能大模型模型推理服务微调计算机视觉音视频【免费下载链接】easyaiot我希望全世界都能使用这个系统实现AI的真正0门槛人人都能体验到AI带来的好处而并不只是掌握在少数人手里。支持上千种垂直场景支持AI模型定制化和AI算法定制化开发 深度融合赋能万物智视EasyAIoT 构筑了物联网设备尤其是海量摄像头的高效接入与管控网络。我们深度融合流媒体实时传输技术与前沿人工智能AI打造一体化服务核心。这套方案不仅打通了异构设备的互联互通更将高清视频流与强大的AI解析引擎深度集成赋予监控系统“智能之眼”——精准实现人脸识别、异常行为分析、风险人员布控周界入侵检测。项目地址https://gitcode.com/gh_mirrors/ea/easyaiot点击查看免费下载EasyAIoT 是一套面向物联网与视频监控的开源 AIoT 平台其移动端基于 uni-app 实现「一码三端」同一套 Vue 3 前端代码配合三个轻量壳工程即可分别打包出 Android APK、iOS IPA 与鸿蒙 HarmonyOS HAP 安装包并支持 prod/test/dev 多环境一键出包。下面带你快速看懂这套架构并给出每端最快的手动打包路径 一套前端 三个壳移动端架构总览EasyAIoT 移动端由四个目录协作完成核心思想是业务代码与壳分离目录角色说明APP/前端工程唯一业务代码uni-app 3 Vue 3 TypeScript Vite 5编译出 App 资源 / H5 资源ANDROID/Android 壳工程内置 uni-app 离线运行时AARGradle 打 APKIOS/iOS 壳工程系统 WKWebView 加载 H5 产物xcodebuild 出 IPAHARMONYOS/鸿蒙壳工程ArkWeb系统 WebView加载 H5 产物hvigor 出 HAP三个壳工程不含任何业务代码只负责运行时、图标、签名与打包界面全部来自 APP 模块的构建产物。前端与 PC 端WEB共用同一套后端接口/admin-api登录态、OAuth2 双 Token、多租户切换在移动端照常工作。打包链路可以概括为三步APP (uni-app 工程) │ 1. pnpm build:app / build:h5 ← 编译前端 ▼ │ 2. 脚本自动同步产物到壳工程 ← 资源同步 ▼ │ 3. gradlew / xcodebuild / hvigorw ← 出包 ▼ easyaiot-版本-环境-平台.格式APK / IPA / HAPAPP 端能力覆盖设备管理、实时预览、推流转发、算法任务、告警中心、模型推理与训练监控等场景打包后在手机上的运行效果如下来自 APP/docs/ 的移动端面板演示截图技术栈速览框架uni-app 3 / Vue 3语言 TypeScriptUIWot Design Uni UnoCSS状态管理Pinia含持久化视频播放Jessibuca / flv.jsH5 端低延时播放器HTTP自研请求封装支持 API 加解密如何一键打出 Android APKAndroid 端使用 DCloud uni-app离线运行时方案APP 工程执行pnpm build:app产出 www 资源后脚本将其同步到壳工程的assets/apps/AppID/www/再内置的离线运行时 AAR 一起由 Gradle 打成 APK。日常只需一条命令详见 ANDROID/README.mdcd ANDROID ./make-apk.sh # 生产环境 ./make-apk.sh test # 测试环境 ./make-apk.sh dev # 开发环境make-apk.sh 会依次完成版本一致性校验 → 前端构建 → 清空并同步 www 资源 → Gradle assembleRelease → 复制为带环境后缀的成品。几个关键配置都已在仓库中就绪包名com.basiclab.iot.app签名证书 ANDROID/app/iot.jksaliasiot有效期 25 年离线运行时 AAR 内置于ANDROID/app/libs/版本与 APP 前端编译器配套多环境后端地址在APP/env/.env.*的VITE_SERVER_BASEURL配置默认http://localhost:48080/admin-api若想在真机/模拟器上验证 uni-app 基座运行效果可在 HBuilderX 中选择「使用自定义基座运行」后直接推送到 Android 设备如何打出 iOS IPAWKWebView 壳 xcodebuildiOS 壳不走 uni-app 离线运行时而是用系统 WKWebView 加载纯 H5 产物这是三端中依赖最轻的一路cd IOS ./make-ipa.sh # 模拟器 .app免签名默认 ./make-ipa.sh --device # 真机/分发 .ipa需配置 teamID ./make-ipa.sh test # 测试环境实现上有个巧妙设计H5 产物通过自定义协议easyiot://localhost/index.html由WKURLSchemeHandler从 bundle 内读取页面以「正常网页」身份运行——ES Module、localStorage、对后端 admin-api 的跨域请求都与真实站点一致规避了file://直载的各种内核限制见 IOS/WebViewScreen.swift。注意两点工程使用 Xcode 16 的新格式objectVersion 77必须 Xcode 16真机/分发前把 IOS/ExportOptions.plist 中的teamID占位值替换为你的 Apple Team ID上架 App Store 则将method改为app-store-connect如何打出鸿蒙 HAPArkWeb 壳 hvigor鸿蒙端同样是「壳 H5」路线用 DevEco Studio 的 ArkWeb 加载网页产物cd HARMONYOS ./make-hap.sh # 生产环境 ./make-hap.sh --skip-native # 无 DevEco 环境时只做前端构建 资源同步make-hap.sh 完成后产物位于entry/build/**/outputs/**/*.hap可配合hdc install -r安装到真机。这里也有个针对性设计ArkWeb 基于 Chromium 会拦截file://源的 ES Module壳页面把资源统一映射为虚拟主机http://appassets.local/由onInterceptRequest从 rawfile 取字节回填见 HARMONYOS/entry/src/main/ets/pages/Index.ets。调试签名最省事的方式DevEco Studio 中File → Project Structure → Signing Configs勾选Automatically generate signature登录华为账号即可自动补全证书与 Profile。三端统一管理一个入口管全部不必分别钻进三个目录。仓库提供了统一入口.scripts/docker/mobile.sh等价入口./install_linux.sh mobile 子命令完整说明见 .scripts/docker/MOBILE.md.scripts/docker/mobile.sh status # 三端版本一致性 / 工具链就绪度 / 已有成品 .scripts/docker/mobile.sh build android prod # 单端打包android|ios|harmonyos|all .scripts/docker/mobile.sh bump 1.0.1 101 # 发版5 处版本号一次改齐 .scripts/docker/mobile.sh artifacts # 列出所有已产出安装包 .scripts/docker/mobile.sh clean android # 清理指定端打包成品其中bump命令一次改齐5 处版本号APP 的 manifest.config.ts、Android 的build.gradle与dcloud_control.xml、iOS 的project.pbxprojDebug/Release 两段、鸿蒙的AppScope/app.json5并回读校验。各端打包脚本在版本号不一致时会直接拒绝出包——宁可不出包也不出错包 ️三端安装包统一命名为全小写easyaiot-版本-环境-平台.格式如easyaiot-1.0.0-prod-android.apk对 CI 制品归集与对象存储归档非常友好。版本号与常见坑速查发版三原则versionCode整数递增不递增则无法覆盖安装versionName五处保持一致推荐直接用bump换 Android 签名证书 换指纹 必须重新申请 AppKey老 APK 需先卸载高频问题完整表格见各模块 README现象原因 / 解决改了前端代码App 里没生效只跑了 gradlew/xcodebuild/hvigorw没有重新同步 www → 用一键脚本全流程启动白屏 / appid 不匹配.env的 AppID、assets 目录名、dcloud_control.xml三处必须一致接口全部失败VITE_SERVER_BASEURL还写着 localhost → 改为真实网关地址后重新出包only-allow pnpm报错APP 工程只允许 pnpm 安装依赖别用 npm/yarnHAP 无法装真机命令行打的 unsigned 包不能直装 → 配置自动调试签名小结EasyAIoT 移动端的设计思路可以总结为一句话业务写一次壳各端化脚本保一致。uni-app 3 前端负责全部业务与界面Android/iOS/鸿蒙各用一个极简壳工程承载运行时与签名配合mobile.sh统一入口与版本号一致性校验新人也能在三条命令内产出三个平台的正式安装包。更多细节可延伸阅读APP/README.md、ANDROID/README.md、IOS/README.md、HARMONYOS/README.md。赞分享后端前端人工智能大模型模型推理服务微调计算机视觉音视频【免费下载链接】easyaiot我希望全世界都能使用这个系统实现AI的真正0门槛人人都能体验到AI带来的好处而并不只是掌握在少数人手里。支持上千种垂直场景支持AI模型定制化和AI算法定制化开发 深度融合赋能万物智视EasyAIoT 构筑了物联网设备尤其是海量摄像头的高效接入与管控网络。我们深度融合流媒体实时传输技术与前沿人工智能AI打造一体化服务核心。这套方案不仅打通了异构设备的互联互通更将高清视频流与强大的AI解析引擎深度集成赋予监控系统“智能之眼”——精准实现人脸识别、异常行为分析、风险人员布控周界入侵检测。项目地址https://gitcode.com/gh_mirrors/ea/easyaiot点击查看免费下载相关推荐20分钟搞定lifeRestart移动端打包全攻略从源码到APK/IPA的完整指南20分钟搞定lifeRestart移动端打包全攻略从源码到APK/IPA的完整指南 lifeRestart人生重开模拟器是一款广受欢迎的文字冒险游戏本游戏开发前端Flet 移动端支持与 Server-Driven UI 架构解析从移动端战略到 APK/IPA 打包实战Flet 移动端支持与 Server Driven UI 架构解析从移动端战略到 APK/IPA 打包实战 本篇技术指南聚焦 Flet 移动端支持Mobil前端跨平台Open3D移动端移植方案iOS和Android的完整指南Open3D移动端移植方案iOS和Android的完整指南 Open3D作为一个强大的开源3D数据处理库不仅支持桌面端还提供了完整的移动端移植方案让开发计算机视觉图形学3D渲染上一篇3大核心技术让d2dx彻底改变你的暗黑破坏神2游戏体验下一篇PPT-Master 模板架构解析Brand / Style / Layout / Deck 四种模板类型的设计模型与多路径安装规则创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
📝

华诺云谱内容团队

资深建站顾问 · 行业研究员

10年+企业数字化服务经验,专注智能建站、SEO优化与品牌营销,持续输出建站技巧、行业洞察与营销干货,已帮助5000+企业实现数字化增长。

你可能需要的服务

订阅华诺云谱资讯周报

每周一封,精选建站技巧、SEO与营销干货,直达邮箱。已有 8,000+ 企业主订阅,助你少走弯路。

↑