Ionic开发Android项目app基本步骤
2018-03-10 17:56
639 查看
Ionic是一款HTML5手机应用开发框架,可以说是AngularJS移动端解决方案,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。一次开发,处处运行
安装成功之后,可以查看版本号
windows:
ionic –v
cordova –v
mac:
ionic -version
cordova –version
注意:这里安装的ionic和cordova都是最新的版本,后面建项目的时候要注意
ionic start appdemo blank –type=ionic1 创建一个空白的app项目
ionic start appdemo tabs –type=ionic1 创建一个带有tabs项目
ionic start appdemo sidemenu –type=ionic1 创建一个带有滑动的项目
说明:这里–type=ionic1这是因为我要创建一个ionic1.X版本的项目,如果我直接不添加type,如:
ionic start appdemo blank
那么我就会是基于最新的版本创建的项目,ionic1.X和2.X 3.X的整个目录结构都是不一样的,这个根据个人需要
www就是开发的项目源码
platforms下面就是编译后的项目,下面应该有2个子目录android和ios,分别针对不同的平台
resources是放资源图片的,例如图标、启动图片
cd ionic-app
添加平台
ionic platform add ios
ionic platform add android
编译:
ionic build ios
ionic build android
浏览器中运行
ionic serve
模拟器中运行:
ionic emulate ios
ionic emulate android
生成apk(这里生成的是未签名的apk):
cordova build -release android
打包ios只能在mac上进行,需要安装xcode。
未签名的apk生成了
(5)配置应用签名
当前项目目录下运行命令:
keytool -genkey -v -keystore your_app.keystore -alias your_app -keyalg RSA -keysize 2048 -validity 10000
注意:使用你应用的名字来替代your_app,这个命令会生成一个新的文件,在本示例中为your_app.keystore
也可以使用Android killer工具直接签名也可以
终端执行命令:
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore exr.keystore android-release-unsigned.apk exr
期间会提示输入keystore的密码密钥,命令会修改apk文件并对其进行签名。
可以使用命令来验证应用是否签名成功
jarsigner -verify -verbose -certs apk文件名
在android-sdk目录里,我搜到zipalign的命令的地址是:./build-tools/25.0.2下面,从终端进入android-sdk目录下,执行命令:
open -e .bash_profile
打开.bash_profile文件,添加zipalign环境变量:
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/build-tools/25.0.2
保存关闭文件
执行命令:
source .bash_profile
然后返回到应用项目文件夹目录下,执行命令:
zipalign -v 4 android-release-unsigned.apk exrapp.apk
完成后会返回
打包项目问题汇总看这里http://blog.csdn.net/qq_32378595/article/details/79510367
参考文档:
https://www.cnblogs.com/huangc83/p/6692340.html https://www.cnblogs.com/jiangtengteng/p/6680654.html
一、基础环境
安装nodejs或者Idea,jdk,Android sdk(这个可以通过Android studio安装) 自行安装,这里不做详细介绍了二、Ionic环境搭建
(1)安装ionic和cordova
npm install -g cordova ionic安装成功之后,可以查看版本号
windows:
ionic –v
cordova –v
mac:
ionic -version
cordova –version
注意:这里安装的ionic和cordova都是最新的版本,后面建项目的时候要注意
(2)创建ionic项目
提供了三种创建项目的模板ionic start appdemo blank –type=ionic1 创建一个空白的app项目
ionic start appdemo tabs –type=ionic1 创建一个带有tabs项目
ionic start appdemo sidemenu –type=ionic1 创建一个带有滑动的项目
说明:这里–type=ionic1这是因为我要创建一个ionic1.X版本的项目,如果我直接不添加type,如:
ionic start appdemo blank
那么我就会是基于最新的版本创建的项目,ionic1.X和2.X 3.X的整个目录结构都是不一样的,这个根据个人需要
(3)创建项目完成之后
www就是开发的项目源码
platforms下面就是编译后的项目,下面应该有2个子目录android和ios,分别针对不同的平台
resources是放资源图片的,例如图标、启动图片
(4)打包APP
进入项目目录下面cd ionic-app
添加平台
ionic platform add ios
ionic platform add android
编译:
ionic build ios
ionic build android
浏览器中运行
ionic serve
模拟器中运行:
ionic emulate ios
ionic emulate android
生成apk(这里生成的是未签名的apk):
cordova build -release android
打包ios只能在mac上进行,需要安装xcode。
未签名的apk生成了
(5)配置应用签名
当前项目目录下运行命令:
keytool -genkey -v -keystore your_app.keystore -alias your_app -keyalg RSA -keysize 2048 -validity 10000
注意:使用你应用的名字来替代your_app,这个命令会生成一个新的文件,在本示例中为your_app.keystore
也可以使用Android killer工具直接签名也可以
(6)现在使用keystore文件来签名应用。
(我们先把已经生成的apk文件移到项目根目录下,不然可能会报错”无法打开 jar 文件: android-release-unsigned.apk”)终端执行命令:
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore exr.keystore android-release-unsigned.apk exr
期间会提示输入keystore的密码密钥,命令会修改apk文件并对其进行签名。
可以使用命令来验证应用是否签名成功
jarsigner -verify -verbose -certs apk文件名
(7) 优化APK文件
优化APK文件,使其减少在设备上占用的空间和内存。我们使用zipalign工具,它使用签名后的APK文件生成一个优化后的APK版本,用于应用上传。在android-sdk目录里,我搜到zipalign的命令的地址是:./build-tools/25.0.2下面,从终端进入android-sdk目录下,执行命令:
open -e .bash_profile
打开.bash_profile文件,添加zipalign环境变量:
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/build-tools/25.0.2
保存关闭文件
执行命令:
source .bash_profile
然后返回到应用项目文件夹目录下,执行命令:
zipalign -v 4 android-release-unsigned.apk exrapp.apk
完成后会返回
打包项目问题汇总看这里http://blog.csdn.net/qq_32378595/article/details/79510367
参考文档:
https://www.cnblogs.com/huangc83/p/6692340.html https://www.cnblogs.com/jiangtengteng/p/6680654.html
相关文章推荐
- [android开发之内容更新类APP]三、项目的基本功能之布局
- Android_app项目开发步骤总结
- [android开发之内容更新类APP]三、项目的基本功能之布局
- Android_app项目开发步骤总结
- Android app项目开发步骤总结
- Android app项目开发步骤总结
- Android app项目开发步骤总结
- Android app项目开发步骤总结
- ionic+angularJS+iOS混合开发app的学习资料介绍和基本步骤(干货)
- android 项目的基本开发步骤
- ionic+angularJS+iOS混合开发app的学习资料介绍和基本步骤(干货)(转)
- 总结android项目的基本开发步骤(转帖)
- [android开发之内容更新类APP]四、项目的基本功能之布局(续)
- JNI及Android JNI 开发基本知识和具体操作步骤
- Android App项目开发规范总结(二)
- Android开发把项目打包成apk,安卓到手机上,或者提交到app应用商店
- Android开发——记账App开发项目分享(一)之用户登录
- Android App项目开发规范总结(四)
- 用UEStudio开发Latex项目的基本步骤
- 使用Android ADT最新开发工具后,新建项目出现appcompat v7 他是什么?