PhoneGap学习笔记1
PhoneGap的简介
PhoneGap(全称Adobe PhoneGap)基于开源的移动开发框架Cordova。PhoneGap在Cordova的基础添加了PhoneGap Developer App, PhoneGap Desktop App, PhoneGap Build和PhoneGap Enterprise。PhoneGap的特点:
- 支持各大主流手机操作系统。
- 快速调试,不需要重新编译。
- 支持实时版本更新。
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文件。