Android应用打包发布 - 全端开发学习网/title> <style> :root { --primary-color: #4F46E5; --secondary-color: #00E5FF; --dark-bg: #1E1E2E; --light-text: #F8FAFC; --card-bg: rgba(255, 255, 255, 0.05); --border-color: rgba(255, 255, 255, 0.1); } body { margin: 0; padding: 0; font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background: var(--dark-bg); color: var(--light-text); line-height: 1.6; font-size: 16px; } p, li { font-size: 1rem; } .nav { position: fixed; top: 0; width: 100%; background: rgba(30, 30, 46, 0.95); backdrop-filter: blur(10px); z-index: 100; padding: 0.5rem 0; } .nav-content { max-width: 1200px; margin: 0 auto; padding: 0 1rem; display: flex; align-items: center; height: 48px; } .nav-breadcrumb { display: flex; align-items: center; flex-wrap: nowrap; gap: 0.5rem; color: var(--light-text); width: 100%; } .nav-breadcrumb a { color: var(--light-text); text-decoration: none; opacity: 0.8; transition: opacity 0.3s; white-space: nowrap; } .nav-breadcrumb a:hover { opacity: 1; } .nav-breadcrumb .separator { opacity: 0.5; margin: 0 0.5rem; white-space: nowrap; } .nav-breadcrumb .current { color: var(--secondary-color); white-space: nowrap; } .container { max-width: 1200px; margin: 80px auto 0; padding: 10px 1rem 2rem; box-sizing: border-box; } .section { margin-top: 1rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 1.25rem; margin-bottom: 1.5rem; } .section-title { color: var(--secondary-color); font-size: 1.5rem; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; } .step { margin-bottom: 1.5rem; padding-left: 2rem; position: relative; } .step-number { position: absolute; left: 0; background: var(--primary-color); color: white; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; } .step-title { font-size: 1.2rem; color: var(--secondary-color); margin-bottom: 0.5rem; } .step-content { color: var(--light-text); opacity: 0.9; } .highlight-box { background: rgba(79, 70, 229, 0.1); border: 1px solid rgba(79, 70, 229, 0.3); border-radius: 8px; padding: 1rem; margin-top: 1rem; } .command { background: rgba(0, 229, 255, 0.1); padding: 0.5rem 1rem; border-radius: 4px; color: var(--secondary-color); font-family: monospace; margin: 0.5rem 0; display: flex; align-items: center; overflow-x: auto; position: relative; white-space: pre; } .copy-icon { margin-left: auto; cursor: pointer; font-size: 1rem; color: var(--secondary-color); transition: opacity 0.3s; } .copy-icon:hover { opacity: 0.8; } .nav-menu { position: sticky; top: 0; background: var(--dark-bg); padding: 0.75rem 0; margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); z-index: 100; } .nav-list { display: flex; gap: 0.5rem; list-style: none; padding: 0 1rem; margin: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; } .nav-item { padding: 0.5rem 1rem; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 6px; cursor: pointer; white-space: nowrap; transition: all 0.3s ease; font-size: 0.9rem; } .nav-item:hover { background: rgba(255, 255, 255, 0.1); } .nav-item.active { background: var(--primary-color); border-color: var(--primary-color); } .outline { display: none; } @media (min-width: 1024px) { .container { margin-right: 250px; } .outline { display: block; position: fixed; right: 20px; top: 20px; width: 200px; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 1rem; max-height: calc(100vh - 40px); overflow-y: auto; } } @media (max-width: 768px) { .container { padding: 0.75rem; } .section { padding: 1rem; } .section-title { font-size: 1.3rem; } .step { padding-left: 1.5rem; } .step-title { font-size: 1.1rem; } .step-content { font-size: 0.9rem; } .command { font-size: 0.9rem; padding: 0.4rem 0.8rem; } .nav-item { padding: 0.4rem 0.8rem; font-size: 0.85rem; } } @media (max-width: 480px) { .section-title { font-size: 1.2rem; } .step-title { font-size: 1rem; } .nav-menu { padding: 0.5rem 0; } .nav-list { padding: 0 0.5rem; } .nav-item { padding: 0.3rem 0.6rem; font-size: 0.8rem; } } .outline-title { color: var(--secondary-color); font-size: 1.2rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid var(--border-color); } .outline-list { list-style: none; padding: 0; margin: 0; } .outline-item { padding: 0.5rem; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; color: var(--light-text); opacity: 0.8; } .outline-item:hover { background: rgba(255, 255, 255, 0.1); opacity: 1; } .outline-item.active { background: var(--primary-color); opacity: 1; } a.link { color: var(--secondary-color); text-decoration: none; transition: opacity 0.3s; } a.link:hover { opacity: 0.8; } </style> </head> <body> <nav class="nav"> <div class="nav-content"> <div class="nav-breadcrumb"> <a href="../../../index.html" class="home-link"> <span>🏠</span> </a> <span class="separator">/</span> <a href="../course.html">课程</a> <span class="separator">/</span> <span class="current">Android应用打包发布</span> </div> </div> </nav> <div class="container"> <div class="section" id="intro"> <div class="section-title"> <span>📱</span> <span>发布概述</span> </div> <div class="step-content"> <p>Android应用的发布有两种主要格式：App Bundle（推荐）和APK。Google Play Store推荐使用App Bundle，但其他应用商店可能只支持APK。</p> <div class="highlight-box"> <p>发布前的准备工作：</p> <ul> <li>自定义启动图标</li> <li>配置应用签名</li> <li>检查应用配置</li> <li>准备发布包</li> <li>测试发布版本</li> </ul> </div> </div> </div> <div class="section" id="icon"> <div class="section-title"> <span>🎨</span> <span>启动图标配置</span> </div> <div class="step-content"> <div class="highlight-box"> <p>配置方式：</p> <ol> <li>使用flutter_launcher_icons包（推荐） <div class="command"> flutter pub add flutter_launcher_icons flutter pub run flutter_launcher_icons </div> </li> <li>手动配置 <ul> <li>将图标文件放在android/app/src/main/res/mipmap-*目录</li> <li>在AndroidManifest.xml中设置android:icon属性</li> </ul> </li> </ol> </div> </div> </div> <div class="section" id="signing"> <div class="section-title"> <span>🔐</span> <span>应用签名</span> </div> <div class="step-content"> <p>Android应用需要两种签名：上传签名和应用签名。上传签名用于开发者上传应用，应用签名用于用户下载的应用。</p> <div class="highlight-box"> <p>签名步骤：</p> <ol> <li>创建密钥库 <div class="command"> keytool -genkey -v -keystore ~/upload-keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias upload </div> </li> <li>配置密钥信息 <ul> <li>创建android/key.properties文件</li> <li>配置密码和路径信息</li> </ul> </li> <li>在Gradle中配置签名 <ul> <li>修改android/app/build.gradle</li> <li>添加签名配置</li> </ul> </li> </ol> </div> <div class="highlight-box" style="margin-top: 20px;"> <p>⚠️ 重要提示：</p> <ul> <li>密钥库文件要妥善保管，丢失后无法更新应用</li> <li>不要将密钥相关文件提交到代码仓库</li> <li>建议在安全位置备份密钥文件</li> </ul> </div> </div> </div> <div class="section" id="build"> <div class="section-title"> <span>🔨</span> <span>构建发布版本</span> </div> <div class="step-content"> <div class="highlight-box"> <p>构建App Bundle（推荐）：</p> <ol> <li>进入项目目录 <div class="command">cd [project]</div> </li> <li>执行构建命令 <div class="command">flutter build appbundle</div> </li> <li>输出文件位置：build/app/outputs/bundle/release/app.aab</li> </ol> </div> <div class="highlight-box"> <p>构建APK：</p> <ol> <li>进入项目目录 <div class="command">cd [project]</div> </li> <li>执行构建命令（推荐） <div class="command">flutter build apk --split-per-abi</div> </li> <li>输出文件： <ul> <li>app-armeabi-v7a-release.apk</li> <li>app-arm64-v8a-release.apk</li> <li>app-x86_64-release.apk</li> </ul> </li> </ol> </div> </div> </div> <div class="section" id="publish"> <div class="section-title"> <span>🚀</span> <span>发布应用</span> </div> <div class="step-content"> <div class="highlight-box"> <p>Google Play Store发布流程：</p> <ol> <li>注册开发者账号（一次性付费25美元）</li> <li>创建应用 <ul> <li>填写应用信息</li> <li>上传应用资源</li> <li>设置价格和发布范围</li> </ul> </li> <li>发布测试版（推荐） <ul> <li>内部测试</li> <li>封闭测试</li> <li>开放测试</li> </ul> </li> <li>正式发布</li> </ol> </div> <div class="highlight-box"> <p>其他应用市场发布：</p> <ul> <li>华为应用市场</li> <li>小米应用商店</li> <li>OPPO软件商店</li> <li>vivo应用商店</li> <li>应用宝</li> </ul> </div> </div> </div> <div class="section" id="version"> <div class="section-title"> <span>📝</span> <span>版本管理</span> </div> <div class="step-content"> <div class="highlight-box"> <p>在pubspec.yaml中设置版本：</p> <div class="command">version: 1.0.0+1</div> <ul> <li>1.0.0 - 版本号(versionName)</li> <li>1 - 构建号(versionCode)</li> </ul> </div> <div class="highlight-box" style="margin-top: 20px;"> <p>版本更新注意事项：</p> <ul> <li>每次更新必须增加构建号</li> <li>版本号应反映更新的重要程度</li> <li>不同应用市场可能有不同的版本号要求</li> </ul> </div> </div> </div> <div style="text-align: center; margin: 40px 0;"> <a href="https://docs.flutter.cn/deployment/android" target="_blank" style="display: inline-block; padding: 15px 30px; background: var(--primary-color); color: white; text-decoration: none; border-radius: 8px; font-size: 1.1rem;"> 查看详细发布指南 → </a> </div> </div> <div class="outline"> <div class="outline-title">目录</div> <ul class="outline-list"> <li class="outline-item" data-target="intro">发布概述</li> <li class="outline-item" data-target="icon">启动图标配置</li> <li class="outline-item" data-target="signing">应用签名</li> <li class="outline-item" data-target="build">构建发布版本</li> <li class="outline-item" data-target="publish">发布应用</li> <li class="outline-item" data-target="version">版本管理</li> </ul> </div> <script> // ... 复用flutter_basics.html的脚本 ... </script> </body> </html>