ionic集成Crosswalk以及调试ionic项目

一直使用ionic做项目,但是有的时候速度有点慢,所以只好集成Crosswalk来提升速度。 以前集成方法: 添加crosswalk ionic browser add crosswalk 移除crosswalk ionic browser revert android 或者 ionic browser remove crosswalk 现在集成方法: 现在直接可以通过cordova插件来安装。 1. 安装crosswalk插件 cordova plugin add cordova-plugin-crosswalk-webview 2.  安装成功. 3. 编译ionic项目 ionic build android 4.  编译错误: Could not find any version that matches com.android.support:support-v4:[13.0.0,). 编译错误,提示: Could not find any version that matches com.android.support:support-v4:[13.0.0,). 一般编译正常的话,会从如下链接下载库文件。 https://download.01.org/crosswalk/releases/crosswalk/android/ 然后编译成功之后会生成X86和ARM两个版本的apk. platforms/android/build/outputs/apk/android-x86-debug.apk platforms/android/build/outputs/apk/android-armv7-debug.apk 5. … Continue reading “ionic集成Crosswalk以及调试ionic项目”

编译ionic项目的时候提示: Please install the Android build tools version 19.1.0 or higher.

最近一直在弄ionic项目,使用ionic build android命令进行编译的时候,总是提示: Please install the Android build tools version 19.1.0 or higher. 于是只好来解决这个问题。 第一步: 查看问题 使用ionic build android命令进行编译ionic项目的时候提示: Please install the Android build tools version 19.1.0 or higher. 第二步: 使用Android SDK Manage更新下载 1.  打开Android SDK Manage 2.  更新下载Android SDK Bulid-tools 19.1 3.  下载失败 4.  手动下载 找到repository-8.xml链接 5.  在浏览器中打开 这需要翻墙的。 6. 找到android sdk build-tools 19.1下载包,进行下载。 7. … Continue reading “编译ionic项目的时候提示: Please install the Android build tools version 19.1.0 or higher.”

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

在之前写了博文ionic创建App,只是单纯的通过nodejs、ionic创建App(html5站点),而未结合cordova、android直接生成app,运行在手机端。现在我们来开始实现该功能。 第一步: 准备工作 1.  下载jdk 2.  下载android sdk、eclipse 3. 下载webstorm 第二步: 配置android环境 在环境变量中添加 1.  JAVA_HOME 2.  ANDROID_HOME 3.  在Path中添加jdk的bin和jre/bin以及android sdk的platform-tools和tools 第三步:  添加android平台 在命令行中进入之前创建的项目目录 ionic platform add android 第四步: 如果项目对应的ionic lib库版本低,需要更新。 进入项目目录 ionic lib update 第五步: 将ionic项目导入到eclipse 1.  查看ionic项目jhonse_test 2. 找到jhonse_test项目对应的android平台源码 3. 打开eclipse 4. 使用eclipse的导入功能 5. 选择jhonse_test,并导入项目。 第六步: 通过ionic命令编译项目 ionic build android 备注: 在修改ionic项目的时候,一定要通过ionic build android … Continue reading “配置android环境并运行ionic app项目”

ionic创建App

之前用ionic、angularjs、phonegap开发过一个App(湖南博长),那个时候一直忙着开发App,没有分享过该开发的教程,现在有时间了,来写写博文记录下。 第一步: 安装nodejs 1. nodejs官网 2. 傻瓜式的安装之后 3. 查看版本号 第二步: 安装ionic和cordova npm install -g cordova ionic 第三步: 查看ionic、cordova版本号 ionic -v cordova -v 第四步: 如果需要更新ionic、cordova,使用update命令 npm update -g cordova ionic 第五步: 创建App应用 ionic start myApp tabs //创建带有top栏和bottom栏的示例项目 ionic start myApp sidemenu //创建带有左侧带有menu栏的示例项目 ionic start myApp blank //创建空白项目 第六步: 自定义包名创建App应用 1. 通过ionic help得出ionic start 可以带参数 2. 开始创建App应用 … Continue reading “ionic创建App”