疯-iOS杂

PhoneGap学习笔记1

2015-12-28  本文已影响356人  s2mh

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教程
上一篇下一篇

猜你喜欢

热点阅读