zoukankan      html  css  js  c++  java
  • ionic-coadova 打包

    安装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

    重新编译 

    cordova build android --release

    ionic cordova build android --release
    cordova build ios --buildFlag='-UseModernBuildSystem=0' --prod --device
    ionic cordova build ios -- --buildFlag="-UseModernBuildSystem=0"--prod --device
     
     
    cordova platform add android --save


    将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

  • 相关阅读:
    JQ之html,text,val
    JQuery之编写弹窗
    DOM操作HTML元素属性
    DOM操作表格
    无缝滚动效果
    Date日期基础
    CISSP备考总结
    CISA考试大纲即将更新
    备考CISSP
    cisa备考体会
  • 原文地址:https://www.cnblogs.com/zhaofeis/p/12799264.html
Copyright © 2011-2022 走看看