Mac 10.9x下安装配置phonegap3.0开发环境 (涉及android sdk配置)

简介: Mac 10.9x下安装配置phonegap3.0开发环境 (涉及android sdk配置)

最近突然想弄一下phonegap,之前一直是听说,没亲自配置开发过。结果配置过程非常艰难啊。特别是android平台的配置,那叫一个麻烦,网上搜了半天都没找到非常好的资料。文章也都是抄来抄去,最烦的就是抄来抄去的文章,没亲自测试过就转发了,你转发个毛线啊。事实证明还是得自己亲自解决,花了两天时间终于搞定。

写下这篇文章希望对想开发phonegap的同学有所帮助。

最新的phonegap貌似用的是nodejs开发的

共有以下几个步骤:

安装nodejs环境、安装phonegap、安装xcode、安装android SDK

 

跟我进入安装phonegap的艰难之旅吧。。文章有点长不喜勿看

安装phonegap3.0需要事先安装nodejs环境,nodejs安装非常简单。直接上nodejs官网下载一个安装包,打开安装即可,安全没有难度,我就不说了。

安装完nodejs后,打开Terminal命令行工具输入

$ sudo npm install -g phonegap

等待片刻即安装成功

再当前目录创建hello项目

创建phonegap项目名字暂时就叫helloworld吧,cordova即phonegap是由于adobe收藏原phonegap后另外取的名字而已

hello即项目名,com.example.hello为(id)命名空间, HelloWorld即APP名称

$ cordova create hello com.example.hello HelloWorld

添加要编译的平台

即项目开发完后要编译出哪些平台的APP,如ios平台,android平台,Blackberry平台等,详情支持哪些平台请看这里

http://docs.phonegap.com/en/edge/guide_platforms_index.md.html#Platform%20Guides

 

进入hello项目目录

$ cd hello

添加ios平台

$ cordova platform add ios

在当前目录下应该就可以看到如下文件结构

 

 

创建ios平台项目

$ cordova build ios

成功后你就可以看到

 

双击HelloWorld.xcodeproj这个文件就可以打开这个项目进行测试了

 

 

接下来就可以在xcode中正常的编译、输出、发布到appstore上了,前提是您得有开发者帐号哈。添加ios平台是如此的简单

 

接下来是

添加android平台

$ cordova platform add android

如果你在运行此条命令前没有安装并配置正确的android SDK那么应该会报错,我这边报这样的错误如图

 

 

错误提示意思是大概是没有安装并正确配置android SDK

 

所以得在创建android平台之前先得去google下载最新的android SDK并添加至全局环境中

下载android SDK的网页可能需要翻一下墙

下载到最新的SDK开发包解压并放到某个目录下,我是放在了User目录下的Development目录下,Development是自己建的如图

 

 

由于下载的最新SDK只是个基本环境,你还得双击tools目录下的android程序android SDK manager来下载更新安装你需要的N个android版本可能会花点时间哟,如图勾选你需要使用的版本,我是选了好多个的:

 

 

更新完SDK后得配置Android Virtual Device Manager即传说中的AVD也就是android虚拟机

 

双击tools目录下的monitor程序,monitor然后点击window菜单下的monitor打开AVD管理器如图

 

 

 

AVD中点击new按钮,根据自己需要配置一个新的android虚拟器

好了,至此android SDK安装完了。

 

android SDK目录添加到全局环境中

Terminal中输入

open ~/.bash_profile

打开文件后输入这两行

export PATH=/Users/willian/Development/android-sdk-macosx/platform-tools:$PATH

export PATH=/Users/willian/Development/android-sdk-macosx/tools:$PATH

具体的目录需要更改为你放置android SDK的正确目录

保存文件

并在Terminal内输入

source ~/.bash_profile

此命令是刚刚的配置命令以即刻生效

好了,android的所有配置完成了。

 

继续运行命令

$ cordova platform add android

发现还是不能添加成功,如图

 

错误提示说是没有安装ant, 好吧,继续安装ant

安装ant请先确保homebrew已经安装了,这个东西您应该懂的,安装一些程序时非常实用,首先请勿必更新homebrew否则安装ant命令在mac ox 10.9内是不识别的

$ brew update

再安装ant

$ brew install ant

发更还是报错,还得安装Command Line Tools

继续运行

$ xcode-select –install

然后再运行

$ brew install ant

应该就安装成功了如图

至此运行

$ cordova platform add android

添加android平台就可以成功了

在文件目录下应该可以看到如图

 

 

使用eclipse就可以直接导入项目

 

Terminal中输入

$ cordova build android

即可编译出apk文件在hello/platforms/android/bin目录下可以找到

 

在模拟器中运行

$ cordova emulate android

 

安装apk至android手机

$ phonegap install android

 

 

至此ios与 android平台的配置都已经OK了。Android的配置真是蛋疼啊。

 

如果安装中碰到任何问题,请与我交流心得。谢谢

相关文章
|
11月前
|
Java 开发工具 Android开发
Android与iOS开发环境搭建全解析####
本文深入探讨了Android与iOS两大移动操作系统的开发环境搭建流程,旨在为初学者及有一定基础的开发者提供详尽指南。我们将从开发工具的选择、环境配置到第一个简单应用的创建,一步步引导读者步入移动应用开发的殿堂。无论你是Android Studio的新手还是Xcode的探索者,本文都将为你扫清开发道路上的障碍,助你快速上手并享受跨平台移动开发的乐趣。 ####
|
7月前
|
监控 Shell Linux
Android调试终极指南:ADB安装+多设备连接+ANR日志抓取全流程解析,覆盖环境变量配置/多设备调试/ANR日志分析全流程,附Win/Mac/Linux三平台解决方案
ADB(Android Debug Bridge)是安卓开发中的重要工具,用于连接电脑与安卓设备,实现文件传输、应用管理、日志抓取等功能。本文介绍了 ADB 的基本概念、安装配置及常用命令。包括:1) 基本命令如 `adb version` 和 `adb devices`;2) 权限操作如 `adb root` 和 `adb shell`;3) APK 操作如安装、卸载应用;4) 文件传输如 `adb push` 和 `adb pull`;5) 日志记录如 `adb logcat`;6) 系统信息获取如屏幕截图和录屏。通过这些功能,用户可高效调试和管理安卓设备。
|
11月前
|
开发工具 git 开发者
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
本篇将专注于如何在 DevEco Studio 中安装和配置必要的插件,以增强开发功能和提升效率。通过正确配置插件,开发流程能够得到简化,开发体验也会更加顺畅。
437 1
「Mac畅玩鸿蒙与硬件3」鸿蒙开发环境配置篇3 - DevEco Studio插件安装与配置
|
10月前
|
Java 开发工具 Android开发
安卓与iOS开发环境对比分析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自占据半壁江山。本文深入探讨了这两个平台的开发环境,从编程语言、开发工具到用户界面设计等多个角度进行比较。通过实际案例分析和代码示例,我们旨在为开发者提供一个清晰的指南,帮助他们根据项目需求和个人偏好做出明智的选择。无论你是初涉移动开发领域的新手,还是寻求跨平台解决方案的资深开发者,这篇文章都将为你提供宝贵的信息和启示。
205 8
|
Windows Python
【10月更文挑战第2天】「Mac上学Python 2」入门篇2 - 开发环境命令行操作与文件管理
本篇将详细介绍Windows和Mac系统中的常用命令行操作与文件管理,帮助用户掌握如何通过终端或命令提示符进行文件管理和操作开发环境。内容涵盖路径切换、文件与文件夹的创建、删除、查看文件内容等基本操作,这些技能是后续Python开发的基础。
315 6
【10月更文挑战第2天】「Mac上学Python 2」入门篇2 - 开发环境命令行操作与文件管理
|
Java Shell 应用服务中间件
Mac系统下配置环境变量:Javajdk、maven、tomcat 环境变量配置及对应配置文件
这篇文章介绍了如何在Mac系统下配置Java JDK、Maven和Tomcat的环境变量,包括配置文件的选择、解决环境变量在zsh shell中无效的问题、查看和设置系统环境变量的方法,以及JDK和Maven的下载、配置和测试步骤。
5179 1
Mac系统下配置环境变量:Javajdk、maven、tomcat 环境变量配置及对应配置文件
|
开发工具 Android开发 开发者
Android开发环境搭建
如何搭建Android开发环境,包括下载和安装Android Studio、配置SDK、创建新的Android工程项目等。
355 0
Android开发环境搭建
|
开发工具 Android开发 iOS开发
深入解析安卓与iOS开发环境的优劣
【10月更文挑战第4天】 本文将深入探讨安卓和iOS两大主流移动操作系统的开发环境,从技术架构、开发工具、用户体验等方面进行详细比较。通过分析各自的优势和不足,帮助开发者更好地理解这两个平台的异同,从而为项目选择最合适的开发平台提供参考。
191 3
|
开发工具 Android开发 iOS开发
安卓与iOS开发环境深度对比
【10月更文挑战第1天】本文旨在探讨和分析安卓(Android)与苹果(iOS)两大主流移动操作系统在应用开发环境上的不同点。通过比较它们的开发工具、语言、用户体验设计、市场策略及生态系统,本文将为开发者提供一份详尽的参考指南,帮助他们做出更合适的开发平台选择。此外,文章还将探讨两大平台未来的发展趋势,以及这些趋势可能对开发者和用户产生的影响。
239 1

热门文章

最新文章