hybrid app之Phonegap mac版 android和ios环境配置完整版

不管是android还是ios首先，都需要配置基础环境。

首先

phonegap-build官网下载对应系统版本的桌面应用程序：https://phonegap.com/getstarted/

phonegap桌面程序貌似没有太多的功能。可以创建、删除项目。可以编译程序，用浏览器进行调试。

下载完成后，打开phonegap应用程序，点击“+”，如下图所示。当然这里也可以用命令来创建项目

创建工程 
　　cordova create dir_name package_name app_name 
　例如：

cordova create hello com.example.hello HelloWorld

　　会创建hello目录，在此目录中创建工程，com.example.hello这个是工程的包名，HelloWorld是应用的显示名字。 



       图一
创建第一个helloword默认程序。

第二步 使用以下nodejs命令全局安装phonegap

sudo npm install -g phonegap

第三步 使用以下nodejs命令全局安装cordova

sudo npm install -g cordova

以上公共基础环境配置完成后。下面分别以android和ios为例说明如何进行真机或虚拟机调试

android端

使用以下命令

phonegap run android

如果没有配置android的全局环境变量会报以下错误信息：

mac Failed to find 'ANDROID_HOME' environment variable. Try setting setting

自行进行android 环境变量配置，直到直接敲android命令能正常回应即可。

android端运行界面截图



图二

ios端

首先

cordova platform add ios

然后

phonegap run ios

运行后会发现报错了

Cordova/CDVViewController.h file not found

网上的解决方案是：在header search path 添加"$(OBJROOT)/UninstalledProducts/$(PLATFORM_NAME)/include"，如下图所示



图三
发现问题并没有解决。仔细查找出错的原因，会发现，如下截图中红色的文件丢失


图四
右击这个文件--如下所示：



图五
在HelloWordFirst/node_modules/cordova-ios/CordovaLib目录选择CordovaLib.xcodeproj这个文件添加效果如上图四所示

再在xcode环境下编译，模拟器运行，真机运行添加证书运行效果一样，效果图如下所示



总结：

1、关于phonegap混合app开发的编写代码的工具，可以根据个人习惯进行挑选。我用的是hbuilder、sublimetext。

2、另外以上的phonegap run android命令是基于HelloWordFirst目录下进行。