跟着岐哥學WebApp(一)

緣生
       接近年關,項目頻繁交賬,其中一個項目需要開發一個移動端採集,大概月底需要在IPad上有一個基本可用的程序,將現有的程序替下。這是大體背景,同時在架構及功能的要求還比較容易把握,移動端開發基本上還是三年前涉及Android原生開發,開發流程大不相同,正好藉此機會熟悉一下WebApp開發流程。基本上保持2~3天寫一次總結,總的下來應該會有十多篇,留作記錄之用。
緣起
       在進行開發的過程一直在猶豫,如何利用已有的資源進行開發,從來都是比較主張從業務入手進行深入分析,然後構建具有相應業務特色的應用(小吹一把~)。
  • 動態、動態、還是動態,一直都是追求的目標。
  • 儘可能多跨平臺進行應用;
  • 可能涉及底層的原生api調用;
  • 支持在離線(無網絡信號)情況下的數據保存與存儲;
       接下來就是調研,在調研中發現了五花八門的技術,很多都令人歎爲觀止。面對上面的需求基本上實現方式可以Pass掉原生的,總有百般柔情亦是分身乏術,尤其是動態,依靠服務器端配置展示相應界面,這種需求可能是原生渲染方式所不容的,暫時確定爲webapp家族的,至少隨着這段時間的積累有所感悟。
先說說,webapp流派,純屬個人觀點,歡迎拍磚:
  • 純Html5,基本上就是一個browser,然後在browser的基礎上加上快捷方式(真快捷方式或者封裝了一下),簡單易行,但是性能上似乎不太能恭維;
  • 使用了專門移動端html5,在性能上做了一些優化,代表作有jqmobi、sencha touch,據說使用的人還是比較多的;
  • 專注移動端開發,並且利用與平臺交互的方式引入一些調用底層的接口,很難說是某一個的功勞,確切的說是一系列東西,ionic+angularjs+phonegap;
  • react native,不錯的選擇,單純完全組件化就是很誘人的一種選擇,再加上順道可以reactjs一下,想想就會覺得高大上;
     另外,比較值得關注的是一些開發利器:
  • Eclipse老傳統,有情節,同時通過模塊化的方式易擴展,Android開發的一個不錯選擇,然而用來開發html5可能會有些捉襟見肘;
  • WebStorm,據稱比較好用,試了一下確實繼承了不少控件以及一些開發模板,11.0更是對nodejs開發做了良好支持,破解現在較少看了一下使用java代理解的,還得關注微信,果斷放棄,先試用一個月再說;
  • VS2015,大家可能有些好奇,這東西能行嗎?剛開始我跟大家的想法一樣,感覺走的一直不是微軟系,然而平心而論,這東西確實不錯,甚至稱得上開發利器,口說無憑截幾個界面
  • 流暢的目錄結構
  • 基於Ripple的移動端支持

  • 爲大家所深惡痛絕的VS配置界面

  • 如果你想裝插件,只需要點一下

  • 選擇自己的開發包,並且與本地項目合併

  • 兩個編程工具,可以讓你不再擔心跨平臺的問題
  • PhoneGap Desktop+PhoneGap App結合,可以發佈到Desktop上然後直接應用安裝到客戶端上的應用訪問;小巧玲瓏,可堪大用

  • Ripple,VS2015中集成這個直接可以進行編程,下面是調用拍照功能的一個例子(順便做下廣告)
發佈了74 篇原創文章 · 獲贊 1 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章