精华内容
下载资源
问答
  • Ionic4--常用打包命令

    2020-04-27 19:26:40
    这个是打 web 包的命令,在打移动端的包之前,最好先运行一下这句,可以减小包的大小,避免出现的进入页面加载巨慢的情况 安卓debug:ionic cordova build android --prod 安卓release: ionic cordova build ...

    ionic build --prod --engine browser

    这个是打 web 包的命令,在打移动端的包之前,最好先运行一下这句,可以减小包的大小,避免出现的进入页面加载巨慢的情况

     

    安卓debug: ionic cordova build android --prod

    安卓release: ionic cordova build android --prod --release

    iOS: ionic cordova build ios --prod 

     

     

    展开全文
  • IONIC3 打包安卓apk详细过程(大量图文)

    万次阅读 多人点赞 2018-02-12 23:44:03
    如果2018年的新春之际,你遇到IONIC的开发问题,这将是一篇最为详尽的打包方案。 经历三天的踩坑,跳坑,相信绝大多数的问题都已经覆盖到了,请仔细按照流程来对照操作及检查。 1.基本依赖环境 nodejs环境 ...

    (2018年8月9日 更新:更新博客中错误的地方,修改排版。)


    本文写于2018年2月12日 22:25:59。

    如果2018年的新春之际,你遇到IONIC的开发问题,这将是一篇最为详尽的打包方案。

    经历三天的踩坑,跳坑,相信绝大多数的问题都已经覆盖到了,请仔细按照流程来对照操作及检查。

    1.基本依赖环境

    1. nodejs环境 (作为一个前端相信你已经有了)
      nodejs
      最好提前配置好node的环境变量,便于全局访问。
    2. jdk(java的开发基础类库,因为 android )
      JDK
    3. SDK(安卓开发集成包,集成了安卓的开发工具,插件,API等等)
      SDK
    4. gradle( JAVA界的Weboack ,支撑app的编译,打包的流程)
      gradle

    2. 基本工具

    1. gitbash(就是用来替代windows自带的丑陋的CMD)gitbash
      下载:我都打包了!
      链接:https://pan.baidu.com/s/1mje7ZHu 密码:ob6m
    2. windows自带的CMD(window+R输入CMD,管理员身份运行)CMD
    3. VSCode(微软爸爸开发的前端IDE)VSCode
      下载:请自行去微软爸爸官网下载。

    3.环境配置

    3.1 nodejs (需要配置环境变量)

    前端必会,跳过。

    不会的去这里看傻瓜教程:https://www.jianshu.com/p/03a76b2e7e00

    3.2 jdk (无需配置环境变量)

    下载:已经上传网盘↓

    链接:https://pan.baidu.com/s/1mje7ZHu 密码:ob6m

    请自行根据系统安装32/64位的版本。

    安装方法:下载完成,解压,直接按照提示安装,全局点确定,不出意外,最后的安装路径为:C:\Program Files\Java

    OK,jdk安装完成,在cmd中,输入$ java -version验证是否安装成功。

    jdk安装成功

    OK。

    3.3 sdk (需要配置环境变量)

    下载:跟上面的一样,我都打包了。

    链接:https://pan.baidu.com/s/1mje7ZHu 密码:ob6m

    解压后(直接右键X解压并重命名。因为面还有个文件夹,不建议用右键+E解压)。

    将重命名的文件夹,跟jdk放在一个父目录,便于查找:C:\Program Files\SDK

    接着配置环境变量,我的电脑——右键属性——-高级系统设置——-环境变量。

    在下面的系统变量(s)中,新建,键值对如下:

    name: ANDROID_HOME

    key: C:\Program Files\SDK

    如图所示:

    SDK环境变量

    然后在path中,全局声明一下,将 ;%ANDROID_HOME%\tools 缀在最后面,前面有【;】分隔符。(注:win 10 系统不需要封号,SDK,JDK也是同理)。

    然后运行CMD,输入$ android -h,如果出现一大堆指令,说明你的SDK安装无误,并且环境变量配置OK。

    ANDROID环境配置验证

    现在,打开SDK目录下的SDK Manager.exe

    打开界面上的Tools,选择options,先配置国内镜像:

    域名千万不要输入http或者https协议前缀,谁输谁哭。

    配置镜像

    下面记得勾选。

    回到主界面,点packages再点reload

    先勾选如下图的三个Tools:

    分别是[ Android SDK Tools,Android SDK platform-tools,Android SDK Build-tools]

    Tools

    别急,还没完,下面还有一个:

    [SDK platform]SDK platform

    全部选中后,点右下角 install packages 来安装,耐心等待即可。

    3.4 gradle安装(需要配置环境变量)

    打开:http://services.gradle.org/distributions/

    下载:gradle-4.1-bin.zip

    同样安装在JDK,SDK的目录下,便于查找。

    同样的配置环境变量:

    GRADLE_HOME=C:\Program Files\SDK\gradle-4.1

    ;%GRADLE_HOME%\bin

    测试命令(查看版本):gradle -v

    3.基本流程

    1.安装ionic和cordova

    打开Gitbash,全局安装ionic和cordova(IONIC是UI,cordova负责打包成apk,并且可以调用原生安卓的各种API)

    $ cnpm install -g ionic cordova

    安装ionic和cordova
    [ 2018/8/1 17点58分 加更 ]

    • 验证 ionic 是否安装成功
      ionic验证
      IONIC更新到 v4 了,后续我会体验一下,写一篇新博客~

    2.创建ionic项目

    桌面右键,在此处gitbash

    $ ionic start app tabs

    耐心等待完成,在 cd 到 app 子目录(app是你的真实项目目录),然后

    $ ionic serve

    ionic serve

    稍等片刻,浏览器自动弹出预览界面(建议电脑安装Chrome浏览器),并且支持持续热更新(Webpack的功能),如下图所示:

    CHROME预览

    如果做到这一步没问题,说明:

    1.nodejs与gitbash没有问题。

    2.ionic和cordova没有问题。

    4.打包

    确保SDK,JDK没问题以后,使用指令

    $ ionic cordova build android --release

    (如果这条命令有问题,可以去掉–release然后debug编译,编译完成Dos会显示apk目录位置)

    如若你聪慧的双眼发现如下字眼:Build Success! 说明你已经成功打包了。耐心等待,命令行结束会提示你apk的生成位置,如图所示:

    location

    OK,此时你已经有了debug的包,但是这个包没有签名,不能发布。

    此时,我们应该:

    1. 在JDK目录下的bin文件夹下(C:\Program Files\Java\jdk1.8.0_71\bin),先看看有没有keytool.exe和jarsigner.exe文件,这两个程序用于给APK签名,签名以后即可发布。
      jarsinger
    2. .将Ionic生成的文件先命名为app.apk,然后复制一份当前的bin目录里,执行命令1,生成自己的签名文件,名为:zhangqiang.keystrore,别名也是这个,有效期20000天,仅仅在第一次生成签名文件,以后不需要。

    执行完命令1,继续执行命令2即可完成签名打包。

    命令1:生成签名密钥

    /*
    使用工具, 签名:
    -genkey表示构建签名文件
    
    -v 显示在dos窗口中 
    
    -alias表示签名包的别名 
    
    -validity 签名有效期(天)
    
    姓名:填上,用你名字拼音全拼
    
    城市:随便填,不填也行
    
    国家: 随便填,不填也行
    
    密码口令:敲的时候不动,是因为保护隐私,别当做你电脑死机!
    */
    

    在CMD窗口执行如下命令,输入秘钥确认即可生成签名文件 yourname.keystore ,

    $ keytool -genkey -v -keystore [姓名].keystore -alias [姓名].keystore -keyalg RSA -validity 20000

    输入如图:
    密保

    (PS:真 · JAVA 密保)
    此时按下回车,即可生成签名:
    signer
    如果报错,说明你的 CMD 不是以管理员身份打开的,请在管理员身份下打开

    命令2:给文件签名

    使用刚才生成的 signer 来给 app 签名,Usage:

    [姓名].keystore -signedjar 签名后的apk 签名之前的apk 签名包名(命令一生成的签名文件名)

    Exeample :

    $ jarsigner -verbose -keystore [姓名].keystore -signedjar complete.apk app.apk [姓名].keystore

    签名
    输入前面设置的密码,即可签名。

    签名完成

    如上图所示,IONIC打包的文件为app.apk,签名后的文件为complete.apk,这时候,可以说,一个软件就诞生啦!

    后续的软件压缩打包可以百度:jarsigner打包

    5.疑难杂症

    Without ·from· option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to undefined to prevent this warning

    出现这个提示,说明配置不正确。

    5.1 文件引用路径错误

    解决方法:

    在“/node_modules/@ionic/app-scripts/dist/sass.js”路径的“sass.js”文件,在postcssOptions参数中添加“from: undefined”。添加后效果如下:

    var postcssOptions = {  
            from: undefined,  
            to: path_1.basename(sassConfig.outFile),  
            map: autoPrefixerMapOptions  
        }; 

    5.2 安卓SDK组件缺失/缺少/不匹配

    报文:

    A problem occurred configuring project ‘:CordovaLib’.
    You have not accepted the license agreements of the following SDK components:
    [Android SDK Build-Tools 26.0.2].

    原因:SDK构建工具和platform工具不匹配,或者有东西遗漏了,没下载。

    解决:如果中途报错SDK出问题,请打开C盘/profiles/SDK/manager.exe,使用东软的镜像,根绝报错信息,来down对应的platform或者build包。

    5.3 缺少安卓构建/打包工具

    报错报文:

    Unhandled promise rejection (rejection id: 1): CordovaError: Could not
    find an installed version of Gradle either in Android Studio, or on
    your system to install the gradle wrapper. Please include gradle in
    your path, or install Android Studio (node:3444) [DEP0018]
    DeprecationWarning: Unhandled promise rejections are deprecated. In
    the future, promise rejections that are not handled will terminate the
    Node.js process with a non-zero exit code.

    原因:缺少安卓构建打包工具,报文提示你可以用Android Studio,也可以安装一个Gradle。

    解决办法:

    http://services.gradle.org/distributions/ 下载 gradle-4.1-bin.zip,下载完成解压到和JDK,SDK相同的父目录,便于将来查找(C:\Program Files\gradle-4.1)
    配置相应的环境变量:

    键:GRADLE_HOME
    值:E:\software\gradle-3.0 (你的东西下载到哪,就填写对应的目录)

    环境变量 path 中继续后缀
    ;%GRADLE_HOME%\bin (WIN7及以下系统注意封号,WIN 10 可以忽略)

    完成上述任务后,重新运行Gitbash,然后 $ ionic cordova build android ,发现build成功,会自动下载gradle-4.1-bin.zip (初步猜测是因为自己的gradle路径不对,也可能是没有被项目依赖,但是项目在全局空间中发现gradle环境,因此自己要下载gradle来依赖。)

    5.4 在安装,或者build 时没有管理员权限,导致无法写入磁盘

    引用块内容
    解决方法: 以管理员身份运行 CMD (commder )即可。

    5.5 无法签名

    jarsigner: 无法对 jar 进行签名: java.util.zip.ZipException: invalid entry compressed size (expected 7508 but got 7333 bytes)

    解决办法:已经签名过了,无需再次签名。

    感谢收看。

    展开全文
  • 没搞过ionic项目 中间遇见了很多坑,记录下环境搭建及项目编译备日后用的时候参考 整个过程: 编译器:vscode 需要安装的环境: node.js ,java jdk, gradle ,android sdk ,ionic cordova  nodejs java sdk ...

    没搞过ionic项目 中间遇见了很多坑,记录下环境搭建及项目编译备日后用的时候参考

    整个过程:

    编译器:vscode

    需要安装的环境: node.js ,java jdk, gradle ,android sdk ,ionic  cordova  

    nodejs java sdk gradle android 需设置环境变量 如下图

    系统变量

    用户变量中的path:

    npm安装组件过程中遇到错误 仔细看log,查找相应解决方案:常见错误 有些组件下载不完整 或出现404 报错时

    使用淘宝镜像安装 --》 两种方法 1. 安装cnmp,  npm install -g cnpm
    --registry=https://registry.npm.taobao.org

    2 或者设置淘宝的镜像地址  npm config set registry https://registry.npm.taobao.org

    安装过程或者编译项目中会出现各种问题,但是不要怂,根据log一个一个解决就ok了,

    以下是自己简要步骤

     

     

    1.安装node.js:

    去官网https://nodejs.org/en/download/安装node.js。里面带有nmp工具  

    安装好后 命令窗口输入node -v ,npm 查看版本 若获取到版本号证明安装成功

    配置路径缓存和模块路径:

    这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
    例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图

    在命令行窗口输入:

    
    npm config set cache "D:\hybrid_about\nodejs\node_gllbal"
    npm config set cache "D:\hybrid_about\nodejs\node_cache"

    设置node.js环境变量

    系统变量:

     

    用户变量--》 

    执行npm 命令时如果出现

    这种错误一般时因为环境变量未配置对,或者命令敲错

    查看是否安装成功 node -v 查看nodejs版本

    npm -v --》  版本

     

     

    nodejs安装和配置好安装iconic 

    使用命令 

    npm install -g cordova ionic

    安装成功后是如下提示:

     

     

    安装好以后

    ,我是直接编译的项目,但是项目中只有前端代码 ,代码中用的库都要自己去编译

    未编译前的项目结构:

    编译好的项目目录结构:

    可以看到多了好多包,这是vscode中显示的结构,其它编译器暂不知

    开始编译项目:直接在vc中打开terminal终端(或者在项目根目录) ->

    命令ionic info 查看环境中配置信息,缺少什么会有显示

    1.添加android /ios 平台 ionic cordova platform
        ionic cordova platform add android / ios 

    执行 nmp install 导入依赖的库

    全部导入后

    执行ionic serve 即可运行到浏览器 

     

    执行这个命令会出现各种各样问题,看到问题根据报错信息去改就可以了----

    如果编译成功后 可以直接在chrome中运行调试, 这时会出现跨域问题, 装一个支持跨域的插件 Allow-control-allow-origin  就可以解决了

    打包:

    打debug包:---》       ionic cordova build android

    打签名包:---》 
      1  首先执行:ionic cordova build android --release

    生成未签名的包;

    2 )使用keytool生成keystore文件 
    keytool是JDK自带的加密工具,我们需要生成一个keystore文件,然后保存好,之后不需要每次都生成新的。 
    运行命令行: keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000 

    之后会让我们设置一些密码和安全问题,根据命令行提示进行设置即可,最后会在当前命令行执行的目录下自动生成默认名为my-release-key.keystore文件。如果你设置了alias_name,那么文件就是你设置的名字。validity 10000代表文件的加密时间为10000天、

    3 到项目根目录下   jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore platforms/android/build/outputs/apk/android-release-unsigned.apk alias_name
    --------------------- 
     

    真机调试的话 需要工具: chrom+ android机

    打包运行到手机上后,插上usb, 打开网页   chrome://inspect/#devices   点击inspect

    需要科学上网 才能连接到手机

     

    高德地图需要申请两个key 一个android的,一个web的,webkey用于引入地图

    展开全文
  • ionic打包签名apk

    2018-01-23 14:05:23
    ionic打包生成apk有两种命令:  (1)ionic cordova build android :生成debug形式的apk,用来进行本地开发测试(这个apk是有签名的,而且这里用于测试的签名是相同的)不能用于发布  (2)ionic cordova build...

    1.打包

    ionic下打包生成apk有两种命令:

      (1)ionic cordova build android :生成debug形式的apk,用来进行本地开发测试(这个apk是有签名的,而且这里用于测试的签名是相同的)不能用于发布

         (2)ionic cordova build android --release :生成release形式的apk(这里生成的apk没有签名)无法安装到手机上,必须要签名

    这里我们使用第二种打包方式

    2.签名apk

      (1)检测你是否安装过jdk,(如果安装过,跳过此步骤),如果没有安装请先安装并在path中配置以下两个路径。


              (2)生成(.keystore)文件

                 命令:keytool -genkey -alias common.keystore -keyalg RSA -validity 40000 -keystore common.keystore


    (3)签名apk(这里.keystore要和 要签名的apk放在同一目录下,要不就会报错:jarsigner: 无法打开 jar 文件: android-release.apk)


    (4)查看签名

              把你签名之后的apk解压,然后运行以下命令:

                keytool -printcert -file common_signed/META-INF/COMMON_K.RSA


    到这里签名就生成结束了

    展开全文
  • ionic打包修改App图标和名称

    千次阅读 热门讨论 2019-06-16 16:27:45
    做好图片后,我们把图标命名为icon.png,把这两张图片放到项目resources文件夹目录下,之后在终端执行命令:$ ionic cordova resources -icon,然后就会生成不同尺寸的图片,如果是第一次生成的的那么还需要登录ionic...
  • ionic:4.0.3 cordova:8.0.0 jdk:1.8.0_45 gradle:4.9 1. node安装 下载安装 http://nodejs.cn/download/ 2. 安装ionic cordova npm install -g cordova ionic 检查版本: ionic -v cordova -v 3. ...
  • ionic3打包

    2018-07-25 14:53:48
    ionic打包签名apk(一) 首先是关于apk签名,Android程序的安装是以包名(package name(config.xml里))进行区分的,就是同样的包名会被认作是同一个程序。这样就可以进行升级、替换。但是包名是一个...
  • ionic 安卓打包app

    2020-07-26 16:31:05
    windows系统下ionic打包成安卓app 首先我们需要做一些准备工作 一、安装Java环境 可以去Java官网下载安装SDK:Java官网 安装完成后需要配置环境变量: 新建系统变量 变量名:CLASSPATH 变量值: .;%JAVA_HOME%\lib\...
  • 之前在使用ionic2时使用建立android平台命令或者编译时,总是会在获取gradle时卡住,等很久进度也不变化,导致命令超时失败。于是经过查阅资料和自己实践测试,总结出以下办法。 方法 其实主要原因是用命令下载时用...
  • ionic+cordova项目打包

    2020-09-23 21:25:21
    安装ionic –> 创建项目 –> 编译项目apk 一、安装nodejs 百度网盘:链接:https://pan.baidu.com/s/1Xxfh2kv_2Wn9nbF5AX9NZQ 提取码:turm 或 下载地址:https://nodejs.org/en/ 查看nodejs版本: node -v...
  • ionic打包release签名apk

    千次阅读 2016-08-10 14:48:25
    打包流程build未签名apk在工程目录下ionic build --release android生成签名文件keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000这里需要你...
  • Ionic3对官方的super模板项目打包成andriod的apk过程实验,踩了好多坑,在此总结一下     使用的环境是macOS+jdk8 打包...
  • ionic cordova resourses 会生成各个平台下的各种尺寸的图标。
  • Ionic 打包流程

    2019-07-29 18:11:04
    ionic platform add android 加载Android项目打包文件 2.添加白名单(默认会添加) cordova plugin remove cordova-plugin-whitelist 执行cordova plugin add cordova-plugin-whitelist 安装cordova-plugin-...
  • ionic打包APP

    2021-01-26 11:02:01
    配置 ...1.安装配置JDK 2.安装配置SDK,可以通过Android studio安装 3.安装配置gradle ...5.打包apk ionic cordova platform add android@7.0.0 ionic cordova build android --prod 报错与解决方法 报错1: Co
  • 2019独角兽企业重金招聘Python工程师标准>>>... ionic打包流程 1、首先 下载好android SDK,配置环境变量 http://jingyan.baidu.com/article/49ad8bce54b1535834d8fa86.html    SDK环境变量配置 ...
  • ionic3 项目签名打包

    2018-12-17 17:04:52
    参考地址 ...1.打包 在自己的项目下 E:\workplace\ideawork\ionic3\wangeApp>ionic cordova build android --prod --release,执行下面的命令 ionic cordova build android -...
  • Ionic打包

    2018-03-15 08:14:48
    ps:之前随便定义了一个包名,导致在添加jpush的时候报错,删除 platforms 后,重新编译后ok,不过要重新走ionic起步 cordova create taojin com.qihoo.taojin taojin 复制代码极光推送 在极光推送的后台创建好应用...
  • ionic安卓打包过程

    2018-10-23 14:17:00
    继续在项目目录下执行打包命令 ionic cordova build android 如果build过程中出错 可以检测gradle版本  gradle -v 如果版本过低 ,比如低于4.10 可以升级版本 brew upgrade gradle 升级完 可以把...
  • Ionic打包问题记录

    2020-01-07 09:57:10
    Ionic打包问题记录Ionic 打包Androidnetwork_security_config not found自定义包名 Ionic 打包Android 首先添加Android平台,Ionic cordova platform add android 编译Android平台代码,Ionic cordova build ...
  • 目录 1、安装jdk1.8并配置环境变量 2、安装Gradle 2.1、下载gradle 2.2、配置环境变量 ...5、打包项目 5.1、创建项目 5.2、启动项目 5.3、添加平台(android/ios) 6、打包 1、报错:Error: Coul...
  • Ionic5项目android打包流程1、apk打包2、生成jks(Java Key Store)文件3、生成签名的apk文件4、apk文件优化与重命名 ionic开发好应用以后,需要先进行打包、签名、优化,才能在各大应用商店中进行发布,本文就apk的...
  • 以上开发环境安装完成的话,ionic正常打包的环境是没问题了,可以打包测试apk ionic cordova build android 如若你聪慧的双眼发现如下字眼:Build Success! 说明你已经成功打包了。耐心等待,命令行结束会提示...
  • 添加ionic插件cordova-plugin-file可能会遇到如下报错 提示信息 :processDebugResources :generateDebugSources :compileDebugJava apache/cordova/filetransfer/FileTransfer.java:59: error: package org.apache...
  • 一、安装和卸载node和npm的命令 1、Mac系统彻底卸载npm sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} 2、因网络问题导致包安装失败的安全解决方法 cd到对应项目...
  • 参见:http://docs.ionic.io/services/profiles/#ios-app-certificate--provisioning-profile Ionic云编译,需要注册。地址:https://apps.ionic.io/ 1,上传项目 CD 项目目录 Ionic upload 上传过程: ...
  • ionic打包ipa安装包

    千次阅读 2018-03-21 10:16:13
    2.1 在mac环境下,先搭载ionic环境 http://www.cnblogs.coionic m/Ave-Maria/p/6274111.html 然后直接搭载node.js等。 生成项目时 2.2 config.xml 文件跟android打包一样,不过要加下面 ios键盘挡住输入框。特别是...
  • 使用这个命令重新打包就可以了。接着就遇到了我最后遇到的一个问题。无法连接到服务器,刚刚修改了一下拦截器中的东西,发现不再报上面的那个错了。这是一件好事情,但是又有新的问题出现了。程序员不就是一直与bug...
  • Mac下 Ionic 项目打包步骤

    千次阅读 2016-07-12 11:32:59
    安装ionic 和cordova的时候用的sudo 权限 全局安装 npm install -g cordova //安装成功 npm install -g ionic //安装成功 npm install -g ios-sim npm install -g ios-deploy 创建项目 ...
  • ionic android从打包到发布

    千次阅读 2018-06-29 17:46:19
    ionic的运行环境这里就不一一赘述了,不懂得可以去网上看看教程。这里主要记录Android的打包过程 1.1安装jdk,并配置Java环境 首先安装java jdk (下载前看清版本是32还是64的),安装完成后配置环境变量,并...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,538
精华内容 615
关键字:

ionic打包命令