1. 程式人生 > >hybird app開發學習筆記

hybird app開發學習筆記


下面是hybrid app的開發工具
1PhoneGap是一個免費開發的開發環境 可以開發出誇平臺的app,使用的html和javascript,可以使用加速劑,gps/定位,照相機,聲音的功能
2ionic是最具潛力的html5手機應用開發框架,同sass構建應用程式,使用mvvm框架和angularjs來增強感應,是基於PhoneGap編譯平臺






3wex5 ui採用w3c的html5+css3+js,引入jquery,和bootstrap並對移動做了底層優化,效率和效能接近原生應用,WeX5本機API Framework採用phonegap(cordova)框架。


4、Appcelerator
Appcelerator的Titanium開發平臺使開發者可以通過HTML、PHP、JavaScript、Ruby、Python等Web程式語言開發手機、平板和桌面的原生App。其優勢在於它可以讓使用者輕鬆地訪問超過300個API以及定位資訊。
此外,Appcelerator提供針對特定行為或事件定製的統計。App的資料既可儲存在雲端,也可儲存在裝置上。


5、NativeScript


NativeScript是使用移動平臺的 JavaScript 引擎來進行跨平臺開發。邏輯部分自然無需多說,關鍵在於如何使用平臺特性。NativeScript是通過反射得到所有平臺 API,預編譯它們,然後將這些 API 注入到 JavaScript 執行環境,接下來在 Javascript 呼叫後攔截這個呼叫,並執行 native 程式碼。NativeScript是使用大量 web 開發的技巧來進行 app 開發,因為工具鏈和語言都非常熟悉受到了很多前端開發者的歡迎。
6、Kinvey


Kinvey同樣是一個為移動應用開發者提供後臺建立服務的平臺。Kinvey強調加速移動應用開發與銷售的“即取即用”理念。Kinvey的中間層與資料層均託管在多個雲服務提供商處,包括 Rackspace、Amazon與Microsoft。所有通過Kinvey儲存的資料都會有四種方式備份:Amazon EC2、Windows Azure、Rackspace以及Kinvey自己的伺服器,假如其中一兩個出現了故障,使用者的資料依然安然無恙。
7、ExMobi


ExMobi通過全面的資料整合技術和豐富的跨平臺客戶端展現能力,將業務系統快速、安全、高效的移植於移動終端。ExMobi從開發(IDE環境)、整合(IT系統對接、雲服務)、打包(各個作業系統的應用打包)、釋出(應用的執行)、管理(日誌管理,更新管理)上提供了一套完整的解決方案。並通過專業的培訓和支撐渠道為開發者提供可持續的學習和交流空間,掃除開發障礙。




Ionic學習使用總結
一環境搭建
安裝npm和nodejs
 npm -v看看電腦是否安裝了沒有的話到https://nodejs.org/en/download/ 官網下載安裝nodejs(裡面包含了npm)下載下來的是一個pgk直接下一步就好了
第二步安裝cordova(git不用安裝linux自帶git)也可以git -v檢查一下
安裝命令 sudo npm install -g cordova 記住如果安裝失敗的話試試npm config set registry http://registry.cnpmjs.org 
sudo npm install -g cordova
這邊有坑點大家注意一下有牆的原因如果出錯了
完成以後 cordova -v檢查一下如果出現版本那麼安裝成功
寫一個測試demo
1建立一個hello 資料夾並且在裡面建立一個hello world專案
cordova create hello com.example.hello HellloWorld
2進入資料夾 cd hello
3新增ios平臺
Cordova platform add ios
4build專案
cordova build ios
5啟動模擬器
Cordova emulate ios
我這邊沒啟動成功
當上面一切都搞定了那麼我們用命令列安裝ionic
 sudo npm install -g ionic
如果安裝陳宮用 ionic -v檢查一下
接下來我們用ionic建立一個專案可以使用官網上面的現成程式模板或空白的專案建立一個ionic應用
ionic start myApp tabs(建立很慢)
建立android應用
cd myApp
ionid platform add android
Ionic build android
Ionic emulate android
如果一切正常會彈出模擬器
建立一個ios應用
cd myApp
ionic platform add ios
Ionic build ios
Ionic emulate ios
如果出線ios sim was not found 錯誤 npm install -g ios-sim
如果正常那麼會彈出模擬器


Ionic Lab是桌面版的開發環境如果不喜歡命令列可以下載:http://lab.ionic.io/,下載下拉使用可以完成如下操作
建立應用,預覽應用,編譯應用,執行應用,上傳應用,執行日誌檢視
然後在推薦一個款sublime text作為ionic專案的編輯器,我們可以通過inonic lab直接在sublime text上開啟專案不過第三方版本需要收費每次寫程式碼的時候會提示註冊收費框
http://www.sublimetextcn.com這是官網 
另外和sub text差不多的還有atom和vscode等等
下面這個是sublime text破解版連結大家可以去看看
https://www.cnblogs.com/gaosheng-221/p/6108033.html