從頭開始離子化：什么是離子化？

1、從頭開始離子化：什么是離子化?您是否對移動應(yīng)用程序編碼感興趣，但沒有編程和開發(fā)iOS和Android應(yīng)用程序的專業(yè)知識或經(jīng)驗？好吧，讓我向您介紹Ionic框架，它使您可以編寫一次應(yīng)用程序并將其發(fā)布到任何移動平臺。那么，什么是離子?簡而言之，Ionic是一個免費(fèi)的框架，可讓您通過一個代碼庫構(gòu)建適用于iOS, Android和Windows Phone的移動應(yīng)用程序。換句話 說，Ionic是用于跨平臺移動開發(fā)的工具。Ionic由一家名為Drifty Co的科技初創(chuàng)公司于2012年成立， 如今已成為構(gòu)建跨平臺(混合)移動應(yīng)用程序的全球頂級開源框架。離子的工作原理Ionic使您能夠使用Web技術(shù)和語言

2、(例如HTML,CSS, JavaScript, Angular和TypeScript)開發(fā)移動應(yīng)用程序。因此，可以將Ionic 視為用于創(chuàng)立混合移動應(yīng)用程序的前端軟件開發(fā)套件(SDK)。這樣， Ionic提供了模仿每個移動平臺的本機(jī)外觀，感覺和功能的組件集合。 這些組件的例如包括按鈕，選項卡，菜單，列表，卡片，模式等等。除了為移動應(yīng)用程序提供樣式和“外觀”的這些組件之外， Ionic還提供了適當(dāng)?shù)你錇椋鐚?dǎo)航和手勢(例如，滑動，旋轉(zhuǎn)和 捏緊事件)，僅舉幾例。Ionic還包括稱為lonicons的圖標(biāo)集合。 所有這些組件都是您在構(gòu)建Ionic應(yīng)用程序時使用的元素，以及 Cordova和Pho

3、neGap插件，我們將在稍后介紹。入門有多難?開始使用Ionic確實并不難。Ionic隨附了可幫助您設(shè)置，構(gòu)建和運(yùn)行Ionic工程的工具，這就是Ionic命令行界面（CLI）。所 有前端庫和CLI都是開源工程，因此在開發(fā)應(yīng)用程序時可以免費(fèi)使用 它們。開發(fā)本機(jī)應(yīng)用程序很困難。僅開發(fā)Android應(yīng)用程序就需要您 學(xué)習(xí)如何使用Android Studio的IDE （集成開發(fā)環(huán)境）并了解Java 或Kotlin編程語言。您還需要了解特定于Android的概念，例如活 動和意圖，并使用自定義XML語法創(chuàng)立應(yīng)用程序UL對于iOS,您需要使用Xcode IDE （僅適用于Mac）以及Apple 的Obje

4、ctive-C或Swift編程語言。更不用說所有許多Mac專用的 SDK和概念！最重要的是，如果您還決定為Windows Phone進(jìn)行構(gòu) 建，那么還需要學(xué)習(xí)如何使用Visual Studio的IDE,以及如何使用C #或Visual Basic等編寫代碼。因此，如果要將應(yīng)用程序發(fā)布到多個平臺，那么必須用三種不同的 語言重寫相同的功能！以這種方式開發(fā)應(yīng)用程序不僅需要學(xué)習(xí)許多 不同的語言和工具，還意味著您最終需要為兩種或三種不同的編程語 言和移動平臺重新編碼相同的邏輯。當(dāng)您需要進(jìn)行任何更改時，也 需要進(jìn)行同樣的工作。在本地開發(fā)應(yīng)用程序需要大量時間，金錢和 技能。因此，擁有適用于所有三個平臺的單一

5、代碼庫不是很好嗎？那就是愛奧尼進(jìn)來的地方！混合應(yīng)用混合應(yīng)用利用每個平臺的庫或用戶界面組件（如按鈕，列表等） 的優(yōu)勢。這些組件之一就是webview,它是顯示網(wǎng)頁的視圖。這是 可以運(yùn)行Web應(yīng)用程序的本機(jī)移動應(yīng)用程序組件。因此，您可以使 用HTML, CSS和JavaScript編寫應(yīng)用程序，并使用網(wǎng)絡(luò)視圖進(jìn)行顯 zjs o之所以將它們稱為混合應(yīng)用程序是因為它們混合使用了本機(jī)代 碼和HTML, CSS和JavaScripto通過許多框架，可以輕松創(chuàng)立在Web 視圖中運(yùn)行Web應(yīng)用程序的應(yīng)用程序。最受歡迎的是Apache Cordova ,通常可以通過其最受歡迎的發(fā)行版:PhoneGap進(jìn)行訪問。

6、 Cordova是一個開源工程，Adobe擁有的PhoneGap基于Cordova,并 在其之上提供其他功能和服務(wù)。Ionic使用Apache Cordova工程來構(gòu)建和運(yùn)行本機(jī)應(yīng)用程序。離子和科爾多瓦科爾多瓦充當(dāng)Ionic本機(jī)代碼的橋梁。它將HTML, JavaScript 和CSS編譯為本機(jī)應(yīng)用程序，使它們可以在Android, iOS和Windows Phone設(shè)備上本機(jī)運(yùn)行。如果您只是簡單地以編寫網(wǎng)站的方式編寫網(wǎng)絡(luò)應(yīng)用程序，然后將 其與Cordova打包為移動應(yīng)用程序，那么最終結(jié)果將是看起來像網(wǎng)站的 應(yīng)用程序。用戶將注意到樣式和用戶交互與“常規(guī)”移動應(yīng)用程序 不同。這是Ionic提供的

7、缺少的東西-本機(jī)的外觀和感覺。Ionic包括 一組具有與本機(jī)組件相同的外觀和感覺的組件，這些組件針對每個平 臺使用適當(dāng)?shù)臉邮胶托袨椋缜八?。因此，您可以使用HTML, CSS 和JavaScript編寫應(yīng)用程序，但是您的應(yīng)用程序看起來像本機(jī)應(yīng)用 程序，而不是網(wǎng)頁。Cordova還提供了 200多個插件，您可以在Ionic工程中使用 這些插件，使您能夠訪問本機(jī)設(shè)備API,例如 的攝像頭，地理位 置，陀螺儀等。您可以使用它們來增強(qiáng)應(yīng)用程序的功能。離子和角可能您不想僅使用原始JavaScript, HTML和CSS創(chuàng)立Web應(yīng)用 程序。相反，您可能會使用Angular之類的Web框架。Angular是 一個非常受歡迎的框架，它使構(gòu)建響應(yīng)式Web應(yīng)用程序變得容易?，F(xiàn) 在，Ionic將Angular的功能帶入了移動編碼！通過提供豐富的組件庫以及將Angular TypeScript代碼編譯到 一堆 Vanilla JavaScript, HTML 和 CSS 中的工具,Ionic 使得使用 Angular框架編寫移動應(yīng)用成為可能，然后Apache Cordova可以將 其捆綁到本機(jī)移動應(yīng)用程序。快速說明上述內(nèi)容的圖