1. 程式人生 > >使用Ionic構建Hybrid App初體驗

使用Ionic構建Hybrid App初體驗

原生應用做多了,剛接觸混合開發時多有不適,ionic是混合開發模式的集大成框架,基於phonegap、angularjs、cordova的H5前端框架。


1、環境搭建

參照眾多網上的帖子都能順利搭建,網上提到的出錯,比方在安裝sudo npm install -g corvoda ionic時出錯,可以調整npm 的源到淘寶提供的源上,在終端執行命令:$ npm set registry https://registry.npm.taobao.org,我在ionic start myApp tabs 時一直downloading也是通過修改這個源解決的。


2、Android應用工程的生成和編譯,

ionic提供了下面的幾個命令 完成:

ionic start myapp_tabs  tabs
cd myapp_tabs

ionic platform add android
ionic build android
ionic run android

然後在myapp_tabs\platforms\android\build\outputs\apk 目錄下生成一個apk,下載執行即可。


根據網上給出的學習路徑,考慮使用ionic進行跨平臺APP的開發,javascript是基礎,然後是angularjs框架,最基本的使用和路由等知識;最後是corvoda的介面使用原生的功能介面,

那麼後續主要的精力是在javascript和angularjs知識的學習上面。


開始有了點感覺,但有下面的疑惑,或許現在的理解是對的:如果使用純web語言開發,是不是自動生成的Android工程就不需要做調整?但比方類似閃屏頁、增加許可權或者其他的介面,是不是需要調整這個Android工程?我想這塊還是需要做開發的。

 

3、附帶補充下js編輯器的選擇,有經驗同事推薦是HBuilder,體驗了下,感覺還是挺方便的。


4、Javascript推薦一本《JavaScript語言精粹》的書,好多年前做web專案的時候看過,忘的差不多了,但還模糊記得這本書寫的深入淺出,很不錯。