配置android环境并运行ionic app项目

在之前写了博文ionic创建App,只是单纯的通过nodejs、ionic创建App(html5站点),而未结合cordova、android直接生成app,运行在手机端。现在我们来开始实现该功能。

第一步: 准备工作

1.  下载jdk

20160212093632

20160212093849

2.  下载android sdk、eclipse

20160212093941

20160212094021

3. 下载webstorm

20160212094320

第二步: 配置android环境

在环境变量中添加

1.  JAVA_HOME20160212094920

2.  ANDROID_HOME20160212094756

3.  在Path中添加jdk的bin和jre/bin以及android sdk的platform-tools和tools20160212095307

第三步:  添加android平台

在命令行中进入之前创建的项目目录

ionic platform add android

20160212101117

20160212101132 20160212101157

20160212101350

第四步: 如果项目对应的ionic lib库版本低,需要更新。

进入项目目录

ionic lib update

20160212101702

第五步: 将ionic项目导入到eclipse

1.  查看ionic项目jhonse_test

20160212101928

2. 找到jhonse_test项目对应的android平台源码

20160212101947

3. 打开eclipse

20160212102003

4. 使用eclipse的导入功能

20160212102038

5. 选择jhonse_test,并导入项目。

20160212102057

20160212102138 20160212102203

第六步: 通过ionic命令编译项目

ionic build android

备注: 在修改ionic项目的时候,一定要通过ionic build android 编译一下。

20160212102906

第七步: 通过webstorm工具来修改ionic项目

20160212103226

第八步: 再次编译ionic项目,并运行到模拟器中。

可以通过ionic命令:

ionic emulate android

也可以直接在eclipse中运行

20160212103752

20160212103719

20160212104632

出现需要重启adb错误。

20160212105108

20160212105313

第九步: 查看效果

20160212105350

Author: jhonse

Jhonse技术博客: http://blog.jhonse.com

Leave a Reply

Your email address will not be published. Required fields are marked *