ionic3搭建笔记及编译成apk

一.安装node.js

二.安装Ionic2

  npm install -g ionic (安装最新版本)

  ionic -v //查看版本号(是否安装成功)

  

  npm uninstall -g ionic(卸载)
npm install -g ionic@3.9.2(安装自定版本)

三.安装Cordova

  npm install -g cordova

  cordova -v //查看版本号

四.安装JDK

  配置环境变量

  javac -version //查看版本

  

五.安装Android SDK

  配置环境变量, 名称:ANDROID_HOME,值(根据你的SDK路径改):D:Androidsdk

六.创建项目

  1.进入要创建项目的文件夹

  2.输入命令 ionic start ionic-hello tutorial

    项目名称(项目文件夹) :ionic-hello: 

    界面风格,tabs:一个简单的3选项卡布局(省略默认),

         sidemenu:一个带有侧菜单的布局(官网案例就是这个),

         blank:一个带有单一空页面的裸启动器,

         tutorial:一个引导启动项目,

  3.创建过程中弹出问题

   (1)What starter would you like to use:使用什么布局(就是上面那些)

   (2)Would you like to integrate your new app with Cordova to target native iOS and Android? 

      您想将您的新应用程序与cordova集成到本地ios和android吗?YES

   (3)Install the free Ionic Pro SDK and connect your app?

      是不是安装Pro版帮助你开发?  (NO) ^_^这就看你了 输入yes的话会让你登录什么的

       出现Running command - done! 表示创建完成,也有可能网络或其它原因创建失败,这时重新创建一次。

七.运行项目(在浏览器中)

  cd ionic-hello

  ionic serve

八.编译成apk

     ionic cordova platform add android@^5.0.0

  ionic cordova build android (打包,debug版本)

     ionic cordova build android --prod --release (打包,发布版本 )

  (

    --prod参数是ionic2的打包方式,使用之后.map.js会压缩变小,打包的App变小了,

    --release参数是Cordova的打包参数,使用之后App也会变小。

       )

     ionic cordova run android (安装到手机)

九.签名apk

  发布版本(ionic cordova build android --prod --release)需要签名后才能安装到手机(或在androidApp市场上架)

      在cmd中运行命令

      (1)

E:myObjectmyjavaObject>keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
输入密钥库口令:123456
再次输入新口令:123456
您的名字与姓氏是什么?
  [Unknown]:  lst
您的组织单位名称是什么?
  [Unknown]:  zt
您的组织名称是什么?
  [Unknown]:  ztr
您所在的城市或区域名称是什么?
  [Unknown]:  hz
您所在的省/市/自治区名称是什么?
  [Unknown]:  ze
该单位的双字母国家/地区代码是什么?
  [Unknown]:  cn
CN=lst, OU=zt, O=ztr, L=hz, ST=ze, C=cn是否正确?
  [否]:  y

正在为以下对象生成 2,048 位RSA密钥对和自签名证书 (SHA256withRSA) (有效期为 10,000 天):
         CN=lst, OU=zt, O=ztr, L=hz, ST=ze, C=cn
输入 <alias_name> 的密钥口令
        (如果和密钥库口令相同, 按回车):
[正在存储my-release-key.keystore]

         keytool是JDK自带的加密工具,我们需要生成一个keystore文件,然后保存好,之后不需要每次都生成新的。 

        之后会让我们设置一些密码和安全问题,根据命令行提示进行设置即可,最后会在当前命令行执行的目录下自动生成默认名为my-release-key.keystore文件。

  如果你设置了alias_name,那么文件就是你设置的名字(也是随后给apk签名时后面要带的别名)。

  输入密钥库口令:要记住,在后面给apk文件签名时会要求输入.

        validity 10000代表文件的加密时间为10000天。

    (2)

E:myObjectoffice
etObjectmixing-pileplatformsandroiduildoutputsapk>
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore e:/myobject/my/javaobject/my-release-key.keystore android-release-unsigned.apk alias_name

  这个alias_name就是上面生成加密文件时的alias_name

       jarsigner是JDK自带的签名工具,我们需要将release版本的apk文件利用keystore文件进行加密,也就是签名,签名之后的apk才能发布到Android应用市场。 

  (引用原文https://blog.csdn.net/liujiawei00/article/details/74356356)

十.更改app名称、图标、启动图片

     1.更改app名称

       项目根目录config.xml中 widget/name 节点

    2.更改app图标

      各种平台和不同的分辨率屏幕,生成不同尺寸的图标和启动画面是很麻烦的事,

      在ionic中 使用ionic cordova resources android  指令就可以实现了。

      把你自己的app图标、启动图片先准备好(.png格式),最好和项目新建生成的默认图标图片大小一致。

      (1)准备图标、启动图片(png格式,大小与默认生成的一样)

      (2)复制到项目根目录 esources文件夹下

      (3)执行命令 ionic cordova resources android  

十一.注意事项

   1.配置好jdk,android sdk环境变量

  系统环境变量

  ANDROID_HOME,D:开发工具androidadt-bundle-windows-x86_64-20140702adt-bundle-windows-x86_64-20140702sdk

       JAVA_HOME,D:Program FilesJavajdk1.8.0_121

       CLASSPATH,.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar

       Path,C:ProgramDataOracleJavajavapath;D:Program FilesJavajdk1.8.0_121in;D:Program Files odejs;C:Python27;D:开发工具androidgradle-4.1in;%JAVA_HOME%in;%JAVA_HOME%jrein;%ANDROID_HOME% ools

     (如果没有安装gradle,先下载好对应版本gradle包并解压,再在上述系统环境变量中配置路径即可)

   2.用户环境变量

     Path,%ANDROID_HOME%platform-tools

  3.使用ionic cordova platform add android@^5.0.0 命令时最好指定要编译的android版本,如果不指定,则会自动添加最新android版本,此时如果jdk,androidsdk,gradle中任何一个版本不对应的话,编译就会失败。

 4.一定要保持网络畅通,首次编译时需要访问google网站,下载很多资源,如果访问被墙了,编译也会失败。如果事先把编译时需要的资源下载好,需要注意版本问题,否则也会编译失败。

  

  

         

原文地址:https://www.cnblogs.com/lvshoutao/p/8417542.html