PhoneGap學習筆記1

weixin_33762321發表於2015-12-28
筆記

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教程

相關文章