怎樣使用Phonegap Build工具雲編譯ionic項目

　　聲明：這只是我我的作demo時使用phonegap編譯Android版本的的apk，至於iPhone，因爲須要購買蘋果開發者證書，$99。因此我就沒有嘗試了人民幣得600多塊錢呀，仍是有點不捨得，哈哈哈哈。

　　這裏是官方的文檔，英文好的能夠看一看。我主要說說在ionic項目的基礎上作了哪些改變，參考官網配置config.xml的文檔。

怎樣上傳本身的ionic項目

　　首先在phonegap上註冊一個帳號，而後進入build.phonegap.com/apps，點擊+new app按鈕能夠看到這樣的界面：

　　

　　

　　很清晰的展現出了上傳ionic項目有兩種方法：

1.使用一個.zip文件

　　上傳到phonegap不須要將項目中的plugins   scss 等這些目錄文件上傳，只須要上傳html、js、css這些內容便可。在ionic項目中也就是項目目錄下的www文件夾全部內容。

　　另外還須要一個config.xml文件，這個文件須要和www文件夾下的index.html文件在同一級別。因此你須要在www文件夾下面建立一個config.xml文件，也能夠複製ionic項目下的config.xml文件到www目錄下，而後再稍做改變便可。主要有一下幾處改變：

　　第一處改變：

　　將複製到www文件夾下的config.xml文件中的這一段代碼　　

//  www/config.xml
<widget id="com.ionicframework.iontabsxxxxx" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

　　變成這樣

<widget id          = "com.ionicframework.iontabsxxxxx" 
        version     = "0.0.1" 
        xmlns       = "http://www.w3.org/ns/widgets" 
        xmlns:gap   = "http://phonegap.com/ns/1.0"
        versionCode = "1">

　　id，version，xmlns這三個屬性沒有任何改變，xmlns:cdv屬性冒號後的cdv變成gap，即xmlns:gap。xmlns:cdv的值 域名變成phonegap，即"http://phonegap.com/ns/1.0"

　　第二處改變：

　　將項目中用到的插件配置到config.xml文件中。http://docs.build.phonegap.com/en_US/configuring_plugins.md.html#Plugins

　　插件只能是來自phonegap倉庫或者npm。

　　在config.xml中添加 <plugin> 標籤或者是不推薦使用的<gap:plugin> 標籤。

　　 <plugin> 標籤有四個屬性：

　　　　name:反域名格式的插件id名。(ex: com.phonegap.plugins.barcodescanner).

　　　　spec:可選。指定插件的版本號，官網強烈推薦加上這個屬性。若是不加，phonegap編譯的時候將使用最新版的插件，編譯的時候有可能形成版本不同的兼容問題

　　　　source：可選。插件的來源，有兩個值 "pgb" or "npm"。默認是"npm"

　　　　params：插件可能須要的參數配置，例如：

<plugin name="com.phonegap.plugins.example">
  <param name="APIKey" value="12345678" />
  <param name="APISecret" value="12345678" />
</plugin>

　　上面其餘三個屬性像這樣：

　<plugin name="com.ionic.keyboard" spec="1.0.3" source="pgb" />
  <plugin name="cordova-plugin-console" spec="1.0.1" />
  <plugin name="cordova-plugin-device" spec="1.0.1" />

　　這只是個人項目中用的幾個插件，你須要將你項目中用到的插件都配置到這個文件中。項目中使用的插件在項目根目錄下的plugins目錄下面

　　第三處改變：

　　配置文件中配置的有平臺須要的icon和splash，ionic項目開始是配置好了的，上傳到phonegap須要把項目根目錄下面的resources複製到www目錄下面。

 

　　這樣壓縮www目錄爲www.zip文件便可上傳到phonegap。

2.使用github倉庫

　　用這個方法須要你有github的帳號，而且第一種方法配置好的www上傳到github倉庫。而後填好你本身的github倉庫便可

 

轉載請註明原文出處：http://www.cnblogs.com/miss-radish/p/4998104.html