不管是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目录下进行。