隨著手機的功能愈來愈強,速度愈來愈快,現在製作手機App應用程式的環境及條件,已經沒有以往那麼嚴苛了。還記得若干年前,想要寫手機的App,沒有別的選擇,就是開始K一些有的沒有的SDK,然後使用C或是Java硬是把程式寫出來。然而,你可能沒有想到,現在只要會設計網頁,你就可以製作自己的手機App了。真的很簡單。

還記得之前我們的文章,【只要有部落格就可以有手機App】的那篇文章嗎?它的原理很簡單,就是直接把你的網站內容包起來,然後使用它們的固定介面來閱讀您的網站內容。嚴格說起來,就是把你的網站(部落格)當做是一個內容的提供者,而它們的App則是一個萬用閱讀器。好處是你可以馬上有屬於自己內容的App,但是缺點是大家的介面都一樣,沒有個人化特性。

但是沒有關係,另外還有類似的服務,但是功能更強,那就是PhoneGap服務。它們的網站服務是,你只要把你設計好的網頁(HTML+CSS)打包好,然後上傳到它們的網站上,它們就會把你的網站包成是一個行動電話的App,讓你可以直接安裝在你的手機上執行。而且,只要你的設定正確,你還可以同時擁有三種平台(Android, Windows Phone, Apple iOS)的App可以使用,等於是跨平台的服務。非常地方便。等於是你只要會設計網站,你就可以設定手機的App。當然,執行效能沒有直接透過開發工具製作出來的原生(Native)程式來得好,但是對於一般簡單的應用App來說已經夠用了。

除此之外,類似PhoneGap的方式,Ionic Framework更進一步整合,讓你直接在自己的電腦中就可以使用HTML+CSS+Javascript開發出手機的App。Ionic透過Gulp的整合,讓整個開發過程全自動化,在設定完成之後,你可以在自己的電腦上產生一個手機應用程式的模板,在這個模板下修改以及設計自己的網頁式的App,你每次修改內容時,應用程式的顯示結果會立即在瀏覽器中更新,讓你看到最新的顯示結果以及操作介面,直到滿意之後,在自己的電腦中直接編輯出可以安裝的.apk等手機App安裝檔案,讓你可以上傳至手機中執行,當然,如果你Google Play開發者帳號的話,也可以把它上架使用。

為了加強網頁的互動和處理資料的能力,讓你可以透過網頁的環境直接設計出應用程式的應用(可以不需要伺服器端的配合),Ionic選用AngularJS來當做是主要的架構框架,讓熟悉JavaScript的朋友,透過自己原有的技能,就可以完成App。而且,Ionic還提供了行動裝置原生的介面,讓App更像是App,當然也可以直接存取手機的所有資源,就像是原生的App一樣。

因此,如果你已經是HTML+CSS+JavaScript的設計老手,想要製作屬於自己的手機App,筆者建議你可以考慮Ionic Framework喔。

(890)

%d 位部落客按了讚: