PhoneGap 跨平台应用:HealthWorking (1)
HealthWorking 是一款基于HTML5标准的跨平台应用,跨平台的优势在于可以开发一次,部署在多个不同的平台上,如iOS, Android, WP等。HealthWorking的主要功能是一款健身应用,可以记录运动轨迹,并分享至社交网络。
首先,准备开发环境。【磨刀不误砍柴工】
1. 安装NodeJs
下载地址: https://nodejs.org/,安装完毕后,打开CMD,验证:npm命令
2. 安装PhoneGap
地址:
验证:phonegap 命令
3. 安装Android sdk, Google的资源大家懂得:) 更新到最新即可
在环境变量Path中,增加:
ANDROID_HOME =C:\SDK\Android\android-sdk
在Path中,增加如下变量:
%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;
环境变量准备完毕后,可以开始动工了,是不是有点小激动呢~~~
用PhoneGap创建一个项目:
1. 打开cmd,cd到E:\Project\cordova下
cordova create healthworking com.example.healthyworking HealthWorking
cordova create 是创建项目的命令
healthworking是项目的目录名称
com.example.healthyworking 是项目的标识
HealthWorking 是应用的名称
打开文件,已经可以看到多了一个项目healthworking
2. 为项目添加一个运行的平台,本例是以Android为例,,因此,我们运行如下命令:
cd healthworking
cordova platform add android
运行完毕后如下所示:
3. 制作第一个页面,首先看下页面的样子:
本例中,我们采用jquery Mobile来做页面,本例项目的资源会在稍后的链接中给出。对于Mobile的编程,我们应该在哪些位置进行呢?
打开healthworking所在的文件夹,有如下的文件结构:
大多数情况下,我们只需要在www文件夹下完成编程即可,www文件夹的结构如下所示:(看着是不是跟前端编程很像呢 :)
至于这几个文件夹的功能,就不用多说了。当然可以根据自己的需求,添加新的文件夹/文件
却不去主动改变,而是放任它的生活态度。