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