APP打包部署
一 开发工具安装
1. 下载Android Studio并默认安装
- 打开上面链接选择对应操作系统下载最新版并安装。
2. 下载jdk 17并默认安装
- 打开上面链接选择对应操作系统下载jdk17并安装。
3. 下载Flutter并解压
- 一定要下载3.24.3版本,其他版本运行可能报错,请自行兼容,下载完成后解压备用
4. 下载git并默认安装(如果已安装可忽略
)
- 全部默认安装即可
5. 配置环境变量(如果已配置可忽略
)
- Windows下打开系统属性窗口:右键点击 “此电脑”,选择 “属性”。在弹出的窗口中,点击 “高级系统设置”。
- 打开环境变量窗口:在 “系统属性” 窗口中,点击 “环境变量” 按钮。
- 配置系统变量:
- 在 “系统变量” 区域中,找到 “Path” 变量,选中它并点击 “编辑” 按钮。
- 在 “编辑环境变量” 窗口中,点击 “新建” 按钮。
- 配置jdk环境变量,添加两条
C:\Program Files\java 17\bin
和C:\Program Files\java 17\lib
。 - 配置git环境变量,添加
C:\Program Files\Git\bin
- 配置flutter环境变量,添加
E:\flutter\bin
- 以上目录如安装到其他地方,请自行修改
- macos请自行百度
6. 配置flutter
- 参照上面添加到系统环境变量,和Path同一层,不是加到Path里面
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
7. 安装Xcode(打包iOS必须
)
- 需要苹果系统
macOS 15
,打开App Store
搜索Xcode
安装
二 开发环境配置
1. 解压项目文件
解压tsq-app.zip
,如果提供的git链接,忽略这步,需要解压后放到全英文路径下,比如e:\workspace\tsq-app
2. 使用Android Studio打开tsq-app
- 双击打开
Android Studio
- 使用
git
下载项目或者直接打开项目 - 如果给的是git仓库链接,直接选择
Get from Version Control...
- 如果给的是压缩包,直接
Open
上一步解压缩的目录
3. 安装Flutter和Dart插件
- 进入
Android Studio
的设置,windows和mac会有细微差别 - 进入插件市场,安装
Flutter
和Dart
,安装完成后可能需要重启
4. 配置Flutter
- 进入
Android Studio
的设置,windows和mac会有细微差别 - 设置flutter3.24.3的解压目录,如E:\flutter,点击
OK
保存
5. 配置Android sdk
- 进入
Android Studio
的设置,windows和mac会有细微差别 - 设置sdk路径后,会自动下载
6. 校验flutter环境
- 进入
Android Studio
命令行执行flutter doctor
,如果显示红叉的按照提示解决
7. 下载依赖
- 打开根目录下的
pubspec.yaml
,点击右上角的Pub get
,第一次下载可能需要几个小时,只要不报错,就继续等待
三 APP配置修改
1. 进入Android Studio的设置,windows和mac会有细微差别
2. 快捷键改成Eclipse
,点击OK
保存
3. 修改包名和APP名称
按快捷键Ctrl+H全局搜索
com.mailvor.app.shopping
,把所有搜索到的结果全部改成自己包名按快捷键Ctrl+H全局搜索
淘省钱
,把所有搜索到的结果全部自己APP名称
4. 修改MainActivity路径
- 比如自己的包名为
com.mai.app
,在com下新建mai
,再新建app
, 一定要分开新建,不能直接新建mai.app,新建完成后,把MainActivity移动到app
目录下
5. 替换安卓证书
- 修改成自己的证书
6. 修改安卓证书别名密码信息
7. 修改API域名、隐私政策、微信开放平台等配置
- 图中配置全部改成自己的
8. 修改百川安全图
- 安全图获取请查看淘宝联盟官方文档,需要最新的6.1版本,替换成自己的,文件名不能改变
- iOS
- Android
9. 修改淘宝开放平台AppKey
- iOS安全图生效还需要修改ios配置,打开
ios/Runner/Info.plist
,找到tbope
开头,把后面的数字改成自己的淘宝开放平台应用的AppKey
10. 替换APP图标
展开目录android/app/src/main/res
,找到sy_logo.png
splash.png
ic_launcher.png
,替换成自己的,分辨率要匹配
展开目录ios/Runner/Assets.xcassets
,找到sufenbaoXX.png
LaunchImageXX.png
logo_shanyan_textXX.png
,,替换成自己的,分辨率要匹配
展开目录aeests/images
,找到logo.png
logo1024.png
splash.png
,,替换成自己的,分辨率要匹配
四 打包
1. 打包Android App
打开Android Studio
打开命令行执行以下命令
flutter build apk
或者按照下图按钮打包打开
build/app/outputs/flutter-apk
得到app-release.apk
文件,可以直接上传应用市场
2. 打包iOS App
打开Android Studio
打开命令行
进入ios目录
cd ios
,如果已经在ios目录下无需执行执行
pod install
打开
Xcode
,选择Open Existing Project...
,选择项目根目录下的ios
目录修改团队信息
选择
Product
->Archive
进行打包上传安装包到App Store,等待完成即可