Ionic项目打包Android版本实战

最近在带团队做一个前端用Ionic+angularjs 的web app项目,由于自身不是做前端的,所以不太了解ionic,正好前端人员也是半吊子,所以只有自力更生学着自己打android包,在网上不断搜索打包方案,不断测试不断掉坑又不断解决再掉坑再解决后,终于在一天半时间android打包成功。接下来我把这些经验记录下来,希望能给大家提供参考和帮助。

配置Ionic下面android打包

1.安装Node.js
下载安装:http://nodejs.org/ 
安装完成之后打开PowerShell输入命令node -v和npm -v验证是否安装成功

2.安装ant
由于ant非常难装,所以我用brew安装

先安装brew

curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1

安装wget
brew install wget

安装ant
brew install ant

3.安装android sdk for mac

http://down.tech.sina.com.cn/page/45703.html

android sdk 下载后需要安装所需要的控件

命令行进入tools目录

然后输入 ./android sdk 请出SDK Manager的图形界面

Android SDK Manager -> Preferences

可以参照文章:
http://www.cnblogs.com/yjmyzz/p/4219829.html

此文章较靠谱。

配置android SDK环境靠谱文章

http://blog.csdn.net/jjmm2009/article/details/29595593

安装上面链接操作即可完成SDK在mac下的配置

配置androidSDK环境变量
输入cd ~/ 进入当前用户的home目录
1. 创建:
touch .bash_profile
2.打开并编辑:
open .bash_profile

配置文件这么些:

export ANDROID_HOME=/Users/liujian/Downloads/android-sdk-macosx/
export PATH=${PATH}:/Users/liujian/Downloads/android-sdk-macosx/platform-tools:/Users/liujian/Downloads/android-sdk-macosx/tools

环境配置参照:
http://cordova.apache.org/docs/en/dev/guide/platforms/android/index.html

环境配置好后,需要关闭终端重启一个终端

配置完成以后,需要验证是否安装

adb 如果不是找不到该命令,就OK

4.安装Cordova

npm install -g cordova

安装Ionic
npm install -g ionic

5.部署android打包环境:

ionic platform add android

进入Ionic

进入项目跟目录,比如:/Users/liujian/Downloads/wutongApp

命令:
添加支持android系统
ionic platform add android

显示支持平台列表信息
ionic platform list

显示:
bash-3.2# ionic platform list
Updated the hooks directory to have execute permissions
Installed platforms:
  android 5.1.1
  ios 3.8.0
Available platforms: 
  amazon-fireos ~3.6.3 (deprecated)
  blackberry10 ~3.8.0
  browser ~4.1.0
  firefoxos ~3.6.3
  osx ~4.0.1
  webos ~3.7.0
  
 执行打包命令: 
  ionic build android

备注:第一次会下载很多东西,需要耐心等待,第二次打包就快了

会在ionic项目的platforms下面生成android包

执行:
ionic run android

会把apk包安装到手机上,请先接好手机,需要在手机屏幕允许调试。

需要注意:ionic项目下www是app的源码会打到:platforms->android->build->outputs->apk 然后打成apk包,所以要保证www文件夹最新,而不是直接去替换assets下www文件。

时间: 2024-12-29 10:02:50

Ionic项目打包Android版本实战的相关文章

weexpack 创建项目, 打包Android 和 ios

1: 首先确保 node.js版本大于6.0, 不然使用 weexpack 时会报错(部分使用es6语言,node版本太低不支持es6) 下面所有都是命令行执行的命令 2: 全局安装 weexpack npm install weexpack -g 3: 生成weex项目 weexpack create 项目名字 注意: 创建的工程默认不包含 ios 和 android 工程模版 4: 进入项目根目录安装依赖 npm install 此时如果你有其他的weex项目, 可以正常web上跑的, 你可

ionic项目打包好Xcode工程,模拟器运行各种沙盒缓存目录

用ionic开发好的app,build好iOS端可用的Xcode工程,然后用模拟器跑起来.研究一下js写的代码做本地持久化时,不同类型的文件都放在那里了. cordova-plugin-sqliteStorage插件创建的数据库的在沙盒中文件位置,默认使用参数default. p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 } /Users/userName/Li

Android 项目利用 Android Studio 和 Gradle 打包多版本APK

在项目开发过程中,经常会有需要打包不同版本的 APK 的需求. 比如 debug版,release版,dev版等等. 有时候不同的版本中使用到的不同的服务端api域名也不相同. 比如 debug_api.com,release_api.com,dev_api.com等等. 不同的版本对应了不同的 api 域名,还可能对应不同的 icon 等. 如果每次都在打包前修改我们都手动来修改,这样实在是不够方便. 但如果我们使用了 Android Studio 和 Gradle,这个麻烦就可以轻松省去.

ionic3打包出错ionic cordova build android(系列一):could not find an installed version of gradle either in android studio

1.运行ionic cordova build android 时报错:could not find an installed version of gradle either in android studio. 2.问题原因:cordova在6.4.0(cordova-android在6.1.2)之后,会要求安装Gradle,基于Gradle来编译.打包android. 3.解决办法: 1)去Gradle官网:https://gradle.org/install 2)下载Gradle:htt

使用ionic将HTML5项目打包成安卓和IOS应用

最近因为项目需要,在研究2天ionic打包应用,现将整个过程记录下来. ionic是一款HTML5手机应用开发框架,可以说是AngularJS移动端解决方案,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序.一次开发,处处运行. 1.安装ionic 首先需要安装Node.js,安装成功后,在命令行中输入下面指令,安装ionic和cordova npm install -g cordova ionic 可以通过查看版本号来测试是否安装成功,如果显示版本号即安装成功. windows

(转载)Ant自动编译打包android项目

1  Ant自动编译打包android项目 1.1   Ant安装 ant的安装比较简单,下载ant压缩包  http://ant.apache.org  (最新的为1.9.3版本),下载之后将其解压到某个目录(本人解压到E:\Program Files\apache-ant-1.9.3) ,然后配置环境变量(新建ANT_HOME环境变量,值为ant所在的目录,然后将ANT_HOME/bin添加到path中),如图: 打开命令行工具,输入 ant  -version ,如果出现如下结果,说明an

Cocos2dx-3.0版本 从开发环境搭建(Win32)到项目移植Android平台过程详解

作为重量级的跨平台开发的游戏引擎,Cocos2d-x在现今的手游开发领域占有重要地位.那么问题来了,作为Cocos2dx的学习者,它的可移植特性我们就需要掌握,要不然总觉得少一门技能.然而这个时候各种各样的问题也就来了,之前网上一直有零零碎碎的移植教程,但是都不完整,或是有这样或者那样的问题.今天刚刚研究成功了Cocos2dx-3.0版本项目的安卓平台移植问题,本人亲自完成了整个过程,将Cocos2dx-3.0版本 从开发环境搭建(Win32)到项目移植Android平台过程 一起分享给大家.

Android开发——利用productFlavors实现一套代码打包多版本

一.需求背景 实际项目开发过程中,经常会遇到这样的场景:一个项目要根据需要打包成多个存在差异的版本,比如对外版本.对内版本,或者开发版本.测试版本.线上版本等等--那么如何通过维护一套代码的前提下实现打包多版本的需求呢?在Android Studio中我们可以使用productFlavors来实现这样的需求. 二.创建差异化版本目录结构 根据版本的差异化在src目录下创建对应的java文件夹,如下图: 创建external与internal版本,将版本差异化的代码文件放在这2个目录对应的文件夹下

Android开发把项目打包成apk,安卓到手机上,或者提交到app应用商店

#1.用Eclipse的话导出app其实还是很容易的.大家看我的步骤.有图有真相哦 选择一个项目 创建一个新的,位置随便,下面是密码 这里都是一些名字,地区,组织,国家.看你们自己的了 选择你要存放apk的位置 打完收工 Android开发把项目打包成apk,安卓到手机上,或者提交到app应用商店,布布扣,bubuko.com