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

 时间:2024-11-09 05:18:10

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

工具/原料

android sdk

jdk

ionic

cordova

nodejs

eclipse

webstorm

第一步: 准备工作

1、下载jdk

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

2、 下载android sdk、eclipse

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

3、 下载webstorm

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

第二步: 配置android环境

1、在环境变量中添加1. JAVA_HOME

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

2、 ANDROID_HOME

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

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

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

第三步: 添加android平台

1、在命令行中进入之前创建的项目目录ionic platform add android

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

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

1、进入项目目录ionic lib update

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

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

1、 查看ionic项目jhonse_test

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

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

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

3、 打开eclipse

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

4、 使用eclipse的导入功能

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

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

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

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

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

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

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

1、可以通过webstorm工具来修改ionic项目

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

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

1、可以通过ionic命令:ionicemulateandroid也可以直接在eclipse中运行

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

2、出现需要重启adb错误。

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

第九步: 查看效果

1、在android模拟器中运行的效果

配置android环境并运行ionic app项目
  • Source Insight如何实现函数间的跳转与返回
  • 怎么样下载与安装Subversion和TortoiseSVN?
  • SecureCRT 绝佳配色方案
  • 宝宝的5种“不雅”走路姿势
  • 在线报表FineReport中如何进行日志查看
  • 热门搜索
    科技幻想手抄报 电影手抄报 数学天地手抄报 文字手抄报 生物手抄报内容 清明节手抄报版面设计图 庆五一手抄报内容 健康教育手抄报资料 春天的手抄报大全 我爱我班手抄报内容