PhoneGap学习笔记1

PhoneGap的简介

PhoneGap（全称Adobe PhoneGap）基于开源的移动开发框架Cordova。PhoneGap在Cordova的基础添加了PhoneGap Developer App, PhoneGap Desktop App, PhoneGap Build和PhoneGap Enterprise。PhoneGap的特点：

1. 支持各大主流手机操作系统。
2. 快速调试，不需要重新编译。
3. 支持实时版本更新。

PhoneGap使用实例

这个例子是在Mac中，PhoneGap的安装，工程的创建，并在iOS中调试以及打包ipa文件。

例子中的命令需要root权限。

一、安装

需要的环境：Node.js

node安装完成之后，打开终端输入：

$ npm install -g phonegap@latest

二、创建

新建一个名为 myApp的目录。在myApp目录下创建一个工程，BundleId为org.myapp.sample，名称叫appSample（可以在将来创建出来的config.xml文件中修改）。

$ phonegap create myApp --id "org.myapp.sample" --name "appSample"

提示

Creating a new cordova project.

三、调试

先在手机上下载PhoneGap Developer App。在App Store搜索PhoneGap就能找到。

在终端输入

$ cd myApp/www/
$ phonegap serve

提示（其中ip是个例子）

[phonegap] starting app server...
[phonegap] listening on 192.168.1.11:3000 
[phonegap]
[phonegap] ctrl-c to stop the server
[phonegap]

打开PhoneGap Developer App。输入ip地址，点击connect。
如果成功，PhoneGap Developer App就通过这个ip地址连接到了电脑上的phonegap服务。
PhoneGap Developer App将运行myApp目录下的工程。

可以使用编辑器编辑myApp目录下的文件，进行debug。
编辑的工程中并保存之后，会很快反映到PhoneGap Developer App上。
用四个手指点击屏幕，会刷新程序。
用三个手指点击屏幕，会断开连接，退到输入ip的界面。

四、打包

这里用到了PhoneGap Build

1）准备好BundleId（这个例子中是org.myapp.sample）对应的的.p12文件和.mobileprovision文件。

2）在github注册账号，并创建一个空的repository。假设生成的repository的HTTPS为https://github.com/xxx/myApp.git，SSH为git@github.com:xxx/myApp.git。

在myApp目录下

$ git init
$ git add .
$ git commit -m 'init'
$ git remote add origin git@github.com:xxx/myApp.git
$ git push -u origin master

3）打开PhoneGap Build，注册账号后进入创建界面。

复制repository的HTTPS（这个例子中是https://github.com/xxx/myApp.git）到输入框，点击“Pull from .git repository”。

提示 Fetching repo。

完成后点击Ready to build。

点击应用的图标进入编辑界面。

找到iOS下的 “No key selected“，选择 “add a key...“，输入title，导入.p12文件和.mobileprovision文件，点击“submit key“
Pending成功后，点击ipa即可下载打包好的ipa文件。

相关链接：

1. PhoneGap文档
2. PhoneGap Build文档
3. git教程