IONIC开发入门手册

大体主要分两步:安装cordova安装ionic:

一、安装cordova

  • ANT安装(cordova工具生成android项目时,需要的编辑工具)

    1. ANT安装
      官方主页下载新版,得到的是一个apache-ant-1.9.6-bin.zip的压缩包。将其解压到你的硬盘上,例如:C:\apache-ant-1.9.6。

    2. 配置环境变量

配置项内容
pathC:/ apache-ant-1.8.1/bin
classpathC:/apache-ant-1.8.1/lib

3. 验证ant
为了验证ant是否成功安装,可以进行如下操作:
依次选择:开始->运行->cmd,输入如下命令:ant
如果出现如下内容,说明安装成功:

Buildfile: build.xml does not exist!
Build failed

【说明ant安装成功!因为ant默认运行build.xml文件,这个文件需要我们建立。】

二、安装android sdk(网上方法一大把)

别忘了配环境变量(把%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools加到Path环境变量中,不然会报”Error: An error occurred while listing Android targets”错)

目前比较简单的方式是,安装Android Studio,安装后启动应用,会自动弹出提示安装SDK,选择安装API Level 22的SDK后,退出。

  • 以上这种方式优点就是下载速度快
  • 如果使用SDK manager会使用谷歌的地址下载,如果没有翻墙会导致无法连接

三、安装Node.js (这里主要是要用它的npm命令装东西)

进入Node.js官网,下载安装包安装
node.js安装成后安装cnpm替代npm,cnpm使用国内的源由淘宝提供,可参考官网
安装方法:
windows用管理员权限运行cmd后执行

npm install -g cnpm –registry=https://registry.npm.taobao.org

Linux和Mac OS上命令前面需要加sudo

sudo npm install -g cnpm –registry=https://registry.npm.taobao.org

四、安装cordova

windows用管理员权限运行cmd后执行

cnpm install -g cordova

Linux和Mac OS上执行

sudo cnpm install -g cordova

运行过程中没有报错,执行

cordova -v

看到版本号,就是执行成功了

五、安装ionic

windows用管理员权限运行cmd后执行

cnpm install -g ionic

Linux和Mac OS上执行

sudo cnpm install -g ionic

  1. 如果安装失败请多尝试几次,成功概率靠RP,早上安装比较容易成功。(安装命令最后加上-d你就能看见安装的进度
  2. 如果一直无法安装可以尝试翻墙
  3. 如果无法翻墙尝试以下方法

安装成功后,执行

ionic -v

可以看到ionic版本号,就算执行成功了

ionic start myApp sidemenu //创建带有左侧带有menu栏的示例项目
ionic start myApp blank //创建空白项目
ionic serve //浏览器运行(调试很方便)

五、打包构建APP

以下只演示Android端的打包过程

添加平台支持

进入应用目录
cd myApp

添加安卓平台支持,添加ios平台需要在Mac OS上才能执行成功
ionic platform add android
如果环境配置没有问题,等待一会儿后会提示成功。
如果出现错误提示,最有可能就是Android SDK配置不正确,或者没有下载正确版本的SDK工具。

开始打包

开始打包执行
ionic build android [--debug | --release]

  • 默认不带参数输出为debug版本
  • 配置正确情况下会在myApp/platform/Android/outputs/APK/下面生成,对应的APK文件。
  • debug模式下会输出2个APK,一个是不带签名的,一个是带debug签名的,带debug签名的APK可以在手机上安装测试
  • release模式下会输出1个不带数字签名APK,需要自己对该APK进行签名

APK数字签名

进入APK文件所在的目录
1. 先产生密钥文件
keytool -genkey -alias demo.keystore -keyalg RSA -validity 40000 -keystore demo.keystore
这个-validity 40000,意思是证书有效期40000天
2. 再给文件签名
jarsigner -verbose -keystore demo.keystore -signedjar CoderCalendar.apk android-release-unsigned.apk demo.keystore -digestalg SHA1 -sigalg MD5withRSA
CoderCalendar.apk 是我们生成的目标文件名
android-release-unsigned.apk 是需要被签名的APK文件

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值