ionic-coadova ios打包

Posted 2021-02-21 zhaofeis

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

单独vue
安装创建 cordova项目 不要cnpm

sudo npm install -g cordova

cordova create xuanwu com.example.xuanwu xuanwu

cordova create：创建语法
hello：文件夹名：可根据自己需求进行修改
com.example.hello：包名：可根据自己需求进行修改
HelloWord：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文件 并编辑配置相关属性

修改app名字 string name="app_name"

vim .bash_profile

export GRADLE_HOME=opt/gradle/gradle-5.4.1/bin
export PATH=$PATH: $Gradle_HOME
使该文件立即生效
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

ios_webkit_debug_proxy --- https://github.com/google/ios-webkit-debug-proxy
RemoteDebug iOS WebKit Adapter ---- https://github.com/RemoteDebug/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，在Discover network targets里面增加localhost:9000

sudo cnpm install -g cordova ionic

安装 sudo ionic start my2 tabs

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

安装完后 ionic build

Xcode点击项目 build settings

all 选项 levels 选项

code singing identity 的 release选择 iOS Distribution

选择顶部菜单 product 的 archive 开始编译

右侧export 导出 正式的包选app Store 测试的选 Ad Hoc 然后一直默认选择

导出的包在 电脑 文稿里面

发布正式
需要登录到苹果开发者中心 选择 iTunes connect 然后 go to iTunes connect 然后 我的app

左上角加号 新建APP id就是打包时候的bundle identifier sky 随便写 但必须记住

点击创建 后网页出现问题，重新新建APP 换一个名字

配置好开发者证书以后发布应用 编译时候的 upload to app store 发布到iTunes store

或者 也可以使用 mac电脑上的 Application Loader 发布

如果项目中有调用照相机或者其他的一些api接口的话，会上传失败

需要配置权限， 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