flutter ios打包

 

Flutter iOS打包

安装node.js
sudo chmod -R 777 git // 释放git文件夹的读写权限

Cordova项目配置

// 不要使用cnpm来安装cordova
sudo npm install -g cordova

cordova create xuanwu com.example.xuanwu xuanwu
// "cordova create" 是创建命令的语法
// "xuanwu" 是文件夹名称,你可以根据需求更改
// "com.example.xuanwu" 是包名,你可以根据需求更改
// "xuanwu" 是APP的名称,你可以根据需求更改

cd到项目安装目录
sudo cordova platform add ios android
// 将Vue项目中打包后的dist目录下的文件全部拷贝到cordova项目的www目录下

修改包名
// 在项目的config.xml文件中进行修改
修改完之后重新执行
sudo cordova platform add ios android

Mac打包安卓

安装android studio
安装jdk
安装gradle

Cd到解压gradle的目录
export PATH=$PATH:gradle-5.4.1/bin
gradle -version // 查看安装结果

// 如果出现-bash: gradle: command not found错误
创建.bash_profile文件 并编辑配置相关属性
vim .bash_profile

export GRADLE_HOME=opt/gradle/gradle-5.4.1/bin
export PATH=$PATH:$GRADLE_HOME
// 使.bash_profile文件立即生效
source .bash_profile
// 校验是否生效了
gradle -version

// 修改config/index.js 文件内容
把 assetsPublicPath: '/',修改成assetsPublicPath: './',

浏览器调试Android App

// 在手机上打开app,可以是安装包安装或真机运行
Usb链接电脑
// 在谷歌浏览器中打开以下链接
chrome://inspect/#devices

浏览器调试iOS

// 1. 在iPhone的设置中进行如下操作
设置 -> Safari -> 高级 -> Web检查器 -> 打开

// 2. 在电脑上安装以下工具:
ios_webkit_debug_proxy
RemoteDebug iOS WebKit Adapter

// 如果报错显示 "brew: command not found"
// 在终端中执行以下命令并等待,随后使用"brew --version"检查brew版本
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

// 3. 启动RemoteDebug iOS WebKit Adapter
remotedebug_ios_webkit_adapter --port=9000
chrome://inspect/#devices

Ionic项目配置

sudo cnpm install -g cordova ionic
// 安装并创建一个新的Ionic项目
sudo ionic start my2 tabs

cd到项目安装iOS环境
sudo ionic cordova platform add ios

// 安装完成后进行构建
ionic build

Xcode配置

Xcode点击项目 -> build settings -> all选项 -> levels选项
// 设置代码签名身份
code signing identity的release选择iOS Distribution

// 选择顶部菜单的产品 -> archive -> 开始编译
// 右侧选择export -> 导出正式的包选择App Store,测试选择Ad Hoc

发布到App Store

// 需要登录到苹果开发者中心,选择iTunes connect
// 点击左上角的"+",新建APP,id是打包时的bundle identifier,sky随便写但要记住
// 配置好开发者证书后发布应用,选择"upload to app store"发布到iTunes store
// 或者使用mac电脑的Application Loader发布
// 如果项目中有调用照相机或其他API接口,会上传失败,需要配置权限在info.plist文件中

配置应用权限

// 在info.plist中添加必要的权限
key值写下面对应的
type 写String
value 写需要获取你的相册

相册
NSPhotoLibraryUsageDescription
相机
NSCameraUsageDescription
麦克风
NSMicrophoneUsageDescription

位置
NSLocationUsageDescription
在使用期间访问位置
NSLocationWhenInUseUsageDescription
始终访问位置
NSLocationAlwaysUsageDescription
日历
NSCalendarsUsageDescription
提醒事项
NSRemindersUsageDescription
运动与健身
NSMotionUsageDescription
健康更新
NSHealthUpdateUsageDescription
健康分享
NSHealthShareUsageDescription
蓝牙
NSBluetoothPeripheralUsageDescription
媒体资料库
NSAppleMusicUsageDescription

 

APP图标
icon           57 * 57
icon@2x        114 * 114
icon-20        20 * 20
icon-20@2x     40 * 40
icon-20@3x     60 * 60
icon-24@2x     48 * 48
icon-29        29 * 29
icon-29@2x     58 * 58
icon-29@3x     87 * 87
icon-40        40 * 40
icon-40@2x     80 * 80
icon-50        50 * 50
icon-50@2x     100 * 100
icon-60        60 * 60
icon-60@2x     120 * 120
icon-60@3x     180 * 180
icon-72        72 * 72
icon-72@2x     144 * 144
icon-76        76 * 76
icon-76@2x     152 * 152
icon-83.5@2x   167 * 167
icon-1024      1024 * 1024

 APP启动页
Default-2436h              1125 * 2436
Default-736h               1242 * 2208
Default-667h               750 * 1334
Default@2x~iphone          640 * 960
Default-568h@2x~iphone     640 * 1136
Default-Portrait~ipad      768 * 1024
Default-Portrait@2x~ipad   1536 * 2048
Default~iphone             320 * 480

安卓启动页
screen   480 * 800  drawable-port-hdpi
screen   200 * 320  drawable-port-ldpi
screen   320 * 480  drawable-port-mdpi
screen   720 * 1280   drawable-port-xhdpi
screen   960 * 1600   drawable-port-xxhdpi
screen   1280 * 1920   drawable-port-xxxhdpi

安卓图标
ic_launcher               72 * 72   mipmap-hdpi
ic_launcher_foreground    72 * 72   mipmap-hdpi-v26
ic_launcher               36 * 36   mipmap-ldpi
ic_launcher_foreground    36 * 36   mipmap-ldpi-v26
ic_launcher               48 * 48   mipmap-mdpi
ic_launcher_foreground    48 * 48   mipmap-mdpi-v26
ic_launcher               96 * 96   mipmap-xhdpi
ic_launcher_foreground    216 * 216 mipmap-xhdpi-v26
ic_launcher               96 * 96   mipmap-xxhdpi
ic_launcher_foreground    324 * 324 mipmap-xxhdpi-v26
ic_launcher               192 * 192 mipmap-xxxhdpi
ic_launcher_foreground    432 * 432 mipmap-xxxhdpi-v26

posted on 2021-10-26 22:01  完美前端  阅读(629)  评论(0)    收藏  举报

导航