PhoneGap 跨平台应用:HealthWorking (1) 创建第一个跨平台应用

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文件夹的结构如下所示:(看着是不是跟前端编程很像呢 :)

至于这几个文件夹的功能,就不用多说了。当然可以根据自己的需求,添加新的文件夹/文件

却不去主动改变,而是放任它的生活态度。

PhoneGap 跨平台应用:HealthWorking (1) 创建第一个跨平台应用

相关文章:

你感兴趣的文章:

标签云: