僅用移動開發服務：開發native應用

時間 2019-11-17

標籤僅用移動開發服務 native 應用欄目無線简体版

原文原文鏈接

不花一分錢，就能夠作native應用開發，這在之前是根本不敢想象的事兒。然而在今天，移動開發工具和服務已經五花八門，聰明的開發者只要爲所欲爲的抓取幾個順手的，就能完成native開發。今天給你們介紹的思路其實很簡單：html

1. 使用Nitrous.IO雲端編程環境，開啓Node.JS的box模塊。
2. 而後使用Github帳號鏈接上Node.JS box。
3. 內容部分，可使用Ionic框架和Web代碼，快速開發出咱們須要的界面。
4. 使用PhoneGap編譯出native的Android app。
5. 最後還可使用Firebase鏈接上你的app，做爲後端服務。前端

Nitrous.IO
web

Nitrous.IO 提供一個在線的集成開發環境，Nitrous.IO把編程環境徹底移植到雲端平臺，開發者只要網絡鏈接進Nitrous.IO，就能夠不用在本地搭建的開發環境下進行編程，解決了在多種語言編程下，編程環境衝突問題。截至目前，Nitrous.IO支持Ruby、Node.js、Python和Go這四種編程環境。數據庫

此外，Nitrous.IO爲開發者提供一個包括擁有384MB內存和750MB運行在雲服務平臺上的「沙盒」開發環境（Box）。開發者能夠爲不一樣的編程語言，建立不一樣的Box，不一樣的Box之間互不影響，而且每一個Box還能夠獨立啓動運行和中止。編程

一旦你在Nitrous.IO中建立了Node.JS box你就可使用在線的編程環境了。爲了更方便的進行版本管理，能夠鏈接到你的Github帳戶，這裏須要你添加一個Public SSH key，這樣Nitrous.IO和你的Github帳戶高就掛起來了。你須要在GitHub上建立一個新的項目，把源的地址掛到Nitrous.IO 中。後端

相關連接：Nitrous.IO官網、Nitrous.IO在Mobilehub主頁前端框架

Ionic
服務器

使用native代碼開發出來的應用，常被冠以運行速度更快，更加流暢，用戶體驗更好等高帽子。可是倔強的Web設計師和開發人員，老是想找到這麼一種途徑來使用Web代碼。他們認爲Web開發更加簡單方便。（雖然也要面對各類JS的虐心）這個名爲Ionic的前端框架，又是玩跨界的。它能夠在構建 native應用中，使用HTML五、CSS3和JavaScript。歡迎你們踊躍嘗試，並分享試用心得給咱們。網絡

Ionic 並非一個能夠徹底替代PhoneGap的方案，也不是一個真正的JavaScrip框架，它的重點是在於UI交互設計。這個框架附帶了SASS，而且可選各類AngularJS擴展，有許多部件能夠調用，如按鈕、切換、頁眉頁腳、標籤欄等等。而且最使人印象深入的是，Ionic團隊製做了一套很棒的教程和示例。app

在這裏，咱們要實現一個很簡單的to-do-list的應用，記錄咱們每日都做了那些工做。

相關連接：Ionic官方網站、Ionic的Mobilehub主頁

PhoneGap

PhoneGap 是一款開源的免費移動應用開發框架，可以讓開發者使用HTML、JavaScript、CSS等Web技術來開發跨平臺移動App，支持iOS、 Android、BlackBerry、webOS、Windows Phone、Symbian以及bada系統平臺。在使用PhoneGap以前，你可能須要一個AdobeID，或者使用Github帳號註冊。

登錄以後創建一個新的應用程序，選擇剛纔在Github上創建的repo，一旦添加好這些，就能夠選擇Build App了。

把剛剛編譯好的APK包，裝在Android手機上，界面均可以點擊，但也許你發現它還不能對數據庫進行讀寫。前端的皮咱們已經畫好，下面咱們須要強大的後端服務支持。

相關連接：PhoneGap官方網站、PhoneGap在Mobilehub主頁

Firebase

Firebase 是一家位於舊金山的後端服務提供商，公司於去年啓動了其JavaScript API和雲服務，主要爲Web App開發者提供後端數據的實時處理服務。使用Firebase的開發者無需擔憂數據存儲問題，無需架設本身的服務器，就可讓本身的App實時更新數據，App用戶也無需刷新頁面獲取新數據。據悉，Firebase啓動一週後已擁有超過4000名開發者註冊。不管是Android仍是iOS開發者，都可使用Firebase開發本地應用。

上文已經提到，Ionic能夠輕鬆調用各類AngularJS擴展，在這裏咱們可使用AngularFire來讓App與Firebase鏈接。掛接很簡單，只須要在index.html文件的<head>部分中加入調用script便可。固然許多核心的代碼還少不了須要進一步修改和完善。

<p><!-- Firebase and AngularFire Extensions --></p><p><script src='https://cdn.firebase.com/v0/firebase.js'></script>
<span style="font-size: 14px; line-height: 24px;">
<script src="https://cdn.firebase.com/libs/angularfire/0.5.0-rc1/angularfire.js"></script></span></p>

以後須要進行一些測試，你能在Firebase後臺預覽這些時實的數據。

相關連接：Firebase官網、Firebase在Mobilehub主頁

應用測試

從新在PhoneGap中Build出新的APK包，將其考入手機中，就能夠欣賞本身的做品了。你能夠添加每日的任務條目，編輯內容，實現一個to-do-list應用最基本的功能。

移動開發工具

下一步？以後須要咱們對產品進行不斷的打磨，設計好看的圖標，優雅的動畫效果，以及更多功能。經過使用這些移動開發服務和工具，咱們能夠不花費一分錢，將全部的精力都集中在開發自己。