ionic搭建首先主意几点:(转载了云鹏大神的可以看看:http://www.jianshu.com/p/b9757a5bcb07,补充了一点点)
一:安装Node.js
二:安装cordova和ionic
三:配置Java和Android环境变量
四:sdk下载
五:开始项目吧
一:下载安装node.js:
前往 Node.js 官网下载 Node.js 安装包直接安装,建议下载 LTS 版本,笔者安装的是 v4.4.5 LTS
安装的过程中默认勾选的“Add to PATH”选项不要取消
安装完成后打开终端,输入“node -v”命令,能正常现实版本号说明安装成功
安装 cnpm (可选)
npm 是 Node.js 的包管理器,由于我大天朝网络环境的原因,在使用 npm 的时候经常无法安装包或者下载很慢
于是我们需要一个 npm 的中国镜像,cnpm 是淘宝的 npm 镜像,10分钟同步一次
以管理员身份打开终端,输入“npm i cnpm -g”命令,等待安装完成
安装完成后,输入“cnpm -v”命令,能正常显示版本号说明安装成功
二,三,四:前辈都给我们说了:
补充:
1:假如你是一位Android开发工程师,并且电脑配置了Androidstudio 那么sdk那部分就不用担心了,就配置环境变量就行了!
2:开始项目 ionic start demo01 ,进去后他会让你选择tabs...这几个类型 随便选一个,切记下载后或请求你绑定email。这是时候一定要去ionic注册(应为后期打包Android项目的platform,没有邮箱是下载不成功的)。
说明:去用上下键选择可好了,先选择tabs实验!enter进去(翻墙是肯定的了:可以试试老刀host)
等待过程:
3:在这之前或让选择y/n,没啥影响,cd 到项目下,切记现在的ionic和cordova 版本高使用新命令:ionic cordova platform add android ,途中让你绑定邮箱你就去注册吧 ionic官网!之后就行了!主要是出现platforms
4.build
ionic cordova build Android 这个时候要配置gradle,在path中找到D:\AndroidStudio\Android Studio\gradle\gradle-3.2\bin,保存即可。
5.build后生成的platforms目录,点击可以查看有Android文件夹,打开out,看到debug-android,如果你想链接手机跑起来看看debug版本的,请执行命令:adb devices,查看是不是有Android设备链接点电脑(用数据线连接手机电脑,打开开发者,点击开发者,调试模式),如图:
6:好了,现在执行命令:ionic run android;等待手机运行起来!(现在自己亲测Android4.2可以但是高版本的6.0的跑不起来,所以研究了如何打包发布)。
7:打包发布;两种方法,第一就是用命令,第二如果你作为一个Android开发者,恭喜你简单多了!
1):这里再多说两句:ionic build andriod 命令打包的apk是包含签名的,如果需要生成一个不包含签名的apk,可以使用命令:ionic build android -release。此时需要另外签名,这里附上apk签名的命令:
//生成签名文件
keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000
备注:期间会弹出让你设置密码,各种密码,记住就行了!
//jarsigner签名
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk alias_name
备注:my-release-key.keystore,换成自己的签名命名文件,HelloWorld-release-unsigned.apk换成自己的out文件生成的android-release-unsigned.apk;
然后你就可以在命令中看到生成的 android-release.apk文件了,(但是亲测一直出不来不知道为啥,那么第二种闪亮登场)
2):打开androidstudio,导入项目切记导入ionic项目下的platform文件下的android文件,
之后如图:
这下你就知道了吧;运行直接点击三角,打包签名就不在赘述了!build里边开始整吧!
网友评论