移動app

什麼是移動App開發【重點】

1. 蘋果上的軟件是如何開發出來的：使用IOS平臺的開發工具和開發語言進行設計開發的！蘋果上的開發語言：OC、Swift
2. 安卓平臺上的軟件又是如何開發出來的：使用Java這麼語言，結合一些Android控件，就能夠開發安卓上的手機軟件；
3. 蘋果和安卓平臺上共有的軟件是如何開發出來的：招聘兩部分的開發人員，分別是蘋果開發人員和安卓開發人員；
4. 如今，咱們能夠使用混合App開發的方式，來同時進行兩個平臺上軟件的開發；
5. 也就是說，拋開OC、Swift、Java、Android；能夠直接使用前端技術（HTML + CSS + JS）來進行移動端App開發；這種開發方式叫作混合App開發！

什麼是移動App開發：通俗的理解，就是把開發Web網站的技術，經過某種方式，移植到移動App開發上進行使用，這種利用Web開發技術進行移動端開發體驗的方式，叫作混合App開發！

關於移動App開發，須要知道的幾個概念：

• 原生開發：是使用手機平臺官方推薦的開發語言和框架，進行開發的方式，叫作原生開發！
• 混合開發：拋開官方提供的開發方式，使用前端技術，進行移動APP開發的方式，叫作混合開發！
• App的分類：App -> Application(應用程序)：什麼是應用程序：能夠安裝的、提供了某些具體功能的軟件，叫作應用程序；
  • 按照平臺來劃分：
    • PC端：LOL、VS Code、網易雲音樂、視頻軟件
    • 移動端：手機QQ、外賣、地圖【戰略資源】、亡者農藥
  • 按照功能來劃分：
    • 遊戲：亡者農藥、英雄聯盟
    • 應用：Office辦公軟件、翻譯軟件、外賣軟件
• App和Web的區別：
  • APP：App是Application的縮寫，含義爲：「可安裝的應用程序」，特色：須要安裝；須要手動去升級；
    - 優勢：性能穩定、體驗好；內容豐富；安全；對網絡要求比較低（受網絡影響小）；
    - 缺點：須要手動安裝；須要手動去升級；不能跨平臺
  • Web：特指基於瀏覽器開發的網站（說白了就是運行在瀏覽器中的網頁）
    - 優勢：免安裝，只要安裝了瀏覽器就能訪問Web；不須要用戶手動升級（升級過程對用戶來講是透明的）；可以跨平臺；（由於Web天生就是跨平臺的）
    - 缺點：嚴重依賴於網絡的狀況；用戶體驗沒有App優秀；也有平臺之間的兼容性！

爲何要學混合App開發

從程序員的角度分析：

1. 掙錢多【知識多且雜】
2. 對於找工做來講：市場需求量大，好找工做，提升咱們的行業競爭力
3. 能接觸到前端流行的技術和框架 ES6 React

• 前端是一個永恆的行業???【前端是基於 瀏覽器，只是行業要求變高了而已；】
• 屌絲的崛起之路：只能作頁面 -> Ajax先後臺數據交互 -> Jquery、Bootstrap -> 前端的框架興起 -> 能夠作手機混合App/桌面應用 -> 能夠作手機原生App -> 未來或許能夠發射火箭發射衛星發射導彈 -> 終極目標：統一全宇宙

1. 能購置一批牛逼的設備【第一件事：發朋友圈】

從企業的角度分析:(選擇合適自身的移動App開發方式)【重點】

• 節省開發成本
• 從工資上
• 從時間上:使用前端技術開發App的話，速度很快，由於前端技術夠簡單（HTML+CSS+JS），可是原生的 安卓和 IOS 語言就很難學，其次，一些複雜的概念比較難懂，

1. 市面上常見的App開發方式

• WebApp：基於瀏覽器實現的，有特定功能的網站，稱做WebApp（本質就是一個網站，只不過功能很複雜，因此把它叫作 Web 類型的 APP）
  • 例如：百度腦圖、https://m.jd.com/、https://m.taobao.com/#index
  • 優勢：跨平臺（最大的優勢）
  • 缺點：依賴網絡，有白屏效果，相對來講，用戶體驗差；不能調用硬件底層得設備，好比攝像頭；
• NativeApp：用android和Object-C等原生語言開發的應用
  • 優勢：體驗好；用戶使用起來很流暢；很是適合作遊戲【性能高】；能夠直接調用硬件底層的API；
  • 缺點：不能跨平臺
• HybirdApp：利用前端所學的知識去開發移動端App，兼具2者的優點
  • 優勢：可以跨平臺；體驗會好一些；可以調用硬件底層API；
  • 缺點：相對於原生體驗稍微弱一丟丟；不適合作遊戲；
  • 混合App適合作應用類型得App，好比外賣，好比非遊戲類型得軟件；
  • 混合APP開發的特色：外層用原生的NativeContainer來包裹全部的應用程序代碼；同時這個NativeContainer也提供了調用硬件底層API的能力；注意：在NatvieContainer中，運行的不是原生的機器碼，而是咱們的HTML + CSS + JS搭建的出來的網頁；

1. 三種開發方式的原理和對比
   
   
2. 誰在使用React Native？？？

企業如何選擇合適本身的App開發方式

若是企業中以前有用原生開發出來的App，那麼須要繼續使用原生的方式去維護；
若是企業是作手遊的，也只能使用原生，或者，對app性能要求特別高，也要用原生；
通常，若是有了一個好的方案，就須要當即把方案實現爲具體的應用；快速的推向市場，佔領市場；基於這種需求，混合APP開發方式，更適合；尤爲適用於小企業；【褲衩開發】

企業中項目開發流程

• 需求調研：產品定位、受衆羣體、市場需求、開發價值；【產出物：需求文檔】
• 產品設計：功能模塊、流程邏輯；【產出物：設計文檔，交互稿】，肯定項目的基本功能；
• 項目開發：項目架構、美工、前端、後臺、測試【產品的把控】要理解先後端分離的概念
• 運營維護：上線試運行、調Bug、微調功能模塊、產品迭代

根據需求搞設計，根據設計作開發

企業技術選型 - 幾大主流技術之間的關係

1. Angular.js 和 Ionic

• Angular1官網
• Angular2官網
• Ionic 中文網
• Ionic 英文官網

1. Vue.js 和 Weex

• Vue.js官網
• Weex文檔
• Weex - github地址 - 新
• Weex - github地址 - 舊

1. React.js 和 React-Native

• React.js英文官網
• ReactNative中文網
• ReactNative英文網

Angular, Vue, React 這三個都是前端框架，咱們在進行混合App開發的時候，只是用到了這三個框架的基礎語法而已；
Ionic， Weex， ReactNatvie 這三個都是打包工具，可以把咱們開發出來的應用，最終打包成一個可安裝的手機端程序安裝包；同時，這三個東西，也提供了好用的一些小組件；

前端混合App開發框架

1. Html5+、ReactNative、Weex、Ionic
2. 認識HTML5+

• h5+是一個產業聯盟，它有一些互聯網成員，專門在中國推廣H5

1. HBuilder官網

開發框架之間的區別

1. Html5+ 和 Ionic
2. ReactNative 和 Weex

使用HBuilder生成安卓應用（在線）

API地址
Hbuilder這個工具，是一個在線打包工具，使用很方便，不須要在本地配置開發環境；直接將作好的網站，經過一些簡單的操做，就能在線打包爲一個App出來；

• 在項目上右鍵 -> 發行 -> 發行爲原生安裝包

好處：本地不用配置開發環境；操做方便，對於程序員來講不關心打包的過程，打包過程對於咱們來講是透明的；
缺點：程序員不多能干預打包的過程；源代碼被提交到了雲端的服務器，存在項目核心代碼被泄露的風險；

環境變量的使用

做用：將須要全局使用的工具或者應用程序，配置到Path環境變量中，能夠很方便的經過命令行的形式，在任何想要運行這些應用程序的地方，運行它們；