4

我是一名Web開發人員,對這些可以使用HTML5 + CSS構建的混合(或原生?)應用程序感到好奇。所以我決定嘗試構建一個。用離子來製作應用程序。爲什麼我需要PhoneGap?

所以我完全是新的。 (對CLI也不太舒服。)

起初,我搜索了怎麼做,找到了PhoneGap,它可以將HTML5 + CSS轉換爲移動應用程序。似乎簡單。

然後我需要一個框架,並找到Mobile Angular JS。

我開始構建我的應用程序。但是,當應用在桌面瀏覽器中正常工作但在移動應用的ngview中無法加載模板時,就會出現問題。這讓我想知道Mobile Angular JS可能不是PhoneGap的完美搭配。

所以我搜索了什麼框架與PhoneGap最好兼容,並發現Ionic就是這樣。但是當我在他們的文檔中閱讀它時,它讓我感到困惑。看起來Ionic有他們自己的構建程序,使我的HTML成爲一個可用的移動應用程序。

那麼,爲什麼Ionic與PhoneGap完美配合,當你已經擁有帶Ionic的PhoneGap功能?

我很困惑。

編輯:

一個幾個小時的進一步閱讀,並採取更多的意見後,我覺得我可以非常有信心建立在不需要離子的PhoneGap。而Ionic不是測試PhoneGap的最佳框架。

Framework7似乎更容易。 PhoneGap說這只是將Framework7 dist的內容複製到PhoneGap的www文件夾中。 http://phonegap.com/blog/2015/11/30/framework7/

但是我有點擔心,每次我想測試時都必須做到克隆嗎?

也許我結束了jQuery Mobile的反正...

+0

喜,如果你想建立一個混合移動應用程序,然後離子,科爾多瓦和angularjs足以沒有必要去爲PhoneGap的。 –

回答

0

離子只提供了基本的結構,你可以使用你的應用程序工作的基本功能(它提供了CSS和JavaScript組件,如按鈕,彈出窗口,對話框,模式和許多其他的東西),但使它成爲一個真正的android,ios或windows應用程序,你需要將它構建爲.apk或.appx或.ipa。這就是phonegap的用武之地。你只需遵循離子框架的結構,然後用phonegap構建它,然後你的應用就準備好了。

+0

這不僅僅是一個框架,而不是「配置平臺」和「測試」這裏http://ionicframework.com/docs/guide/installation.html?它更像是Ionic是一個像我的電腦上的PhoneGap Build或我的手機上的PhoneGap應用程序的程序? –

+0

如果沒有cordova,離子框架也無能爲力(phonegap也可以使用)。您在離子中所做的所有配置和設置僅用於創建配置。xml這是最後通過phonegap閱讀安裝也依賴到您的應用程序 – geekbro

+0

我想弄清楚事情。看這個網頁:http://ionicframework.com/docs/guide/publishing.html PhoneGap就像是與'ionic build ios --release'命令相同的東西嗎?或者,PhoneGap以任何方式讓構建更輕鬆? –

5

Ionic使用科爾多瓦package up HTML, CSS, and JavaScript into multi-platform native apps,但也提供了額外的功能。

Ionic uses Cordova proper at the core, we do not use PhoneGap at all.... PhoneGap is Adobe's productized version and ecosystem on top of Cordova.

離子角部件被設計和在考慮移動進行測試。

已經宣佈了諸如推送通知,部署,原生應用程序打包,用戶認證,分析和實時數據庫等功能的Ionic Cloud等額外服務。

的PhoneGap促進其主要特點our command line interface, the PhoneGap Desktop app, the PhoneGap Developer app, and PhoneGap Build

PhoneGap的功能可能與離子的工作,也許需要調整,而離子功能是內置的共同努力。

+0

但PhoneGap有什麼更好的?構建過程更容易?我可以在這裏跳過一些步驟:http://ionicframework.com/docs/guide/publishing.html而不是使用PhoneGap? –

+0

PhoneGap和Ionic都提供雲建設服務,這意味着不在您的本地計算機上。哪一個更好會是非常主觀的。如果你想跳過在你的機器上手動使用Cordova,請看這裏:https://ionic.io/cloud#packaging – RationalDev

+0

vs https://build.phonegap.com/ – RationalDev

1

我認爲對Ionic有更好的理解,它是什麼以及爲什麼使用它會幫助你更好地理解目的。

我從離子的文檔附加兩段:

什麼是離子,並在合身嗎? Ionic是一款HTML5移動應用程序開發框架,旨在構建混合移動應用程序。混合應用程序本質上是一個小型網站,運行在可訪問本地平臺層的應用程序的瀏覽器外殼中。混合應用程序與純原生應用程序相比具有許多優點,特別是在平臺支持,開發速度以及對第三方代碼的訪問方面。

將Ionic視爲前端UI框架,可處理應用程序爲了引人注目而需要的所有外觀和用戶界面交互。有點像「Bootstrap for Native」,但支持各種常見的原生移動組件,漂亮的動畫和漂亮的設計。

與響應式框架不同,Ionic帶有非常原生的移動UI元素和佈局,您可以在iOS或Android上使用原生SDK獲得這些元素和佈局,但之前在Web上並不存在。 Ionic還爲您提供了一些有見地但卻功能強大的構建移動應用程序的方法,這些應用程序可以消除現有的HTML5開發框架。

由於Ionic是一個HTML5框架,它需要像Cordova或PhoneGap這樣的本地包裝器才能作爲本機應用程序運行。我們強烈建議您爲您的應用程序使用Cordova,而Ionic工具將在下面使用Cordova。

爲什麼我們建立離子? 我們建立了Ionic,因爲我們堅信HTML5會在移動設備上統治一段時間,就像它在桌面上一樣。一旦臺式電腦變得足夠強大並且瀏覽器技術已經足夠先進,幾乎每個人都將其計算時間花在瀏覽器上。開發人員壓倒性地構建Web應用程序。隨着移動技術的最新進展,智能手機和平板電腦現在能夠運行許多相同的Web應用程序。

隨着離子,我們想建立一個HTML5移動開發框架,側重於本地或混合應用程序,而不是移動網站,因爲我們覺得有很大的工具,已經爲移動網站的開發。是註定不會那麼離子應用在像Chrome或Safari移動瀏覽器應用程序來運行,而低級別的瀏覽器外殼類似的iOS的一個UIWebView或Android的WebView中,這是由像科爾多瓦/ PhoneGap的工具包。

請在這裏閱讀更多:http://ionicframework.com/docs/guide/preface.html

+0

在我在Stackoverflow上寫下我的問題之前,我實際上已經閱讀過這段文字。那是什麼讓我感到困惑。因爲在Ionic網站的入門指南中,似乎我必須在我的電腦上安裝程序。 Node.js,Cordova。稍後,當應用程序依賴於計算機上的程序時,該應用程序如何在移動設備上工作?但科爾多瓦是Phonegap?所以如果我有Phonegap,我可以跳過開始指南中的部分內容嗎?我會認爲我只需要項目目錄? –

相關問題