移動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 -> 將來或許可以發射火箭發射衛星發射導彈 -> 終極目標：統一全宇宙

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

從企業的角度分析:(選擇合適自身的移動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搭建的出來的網頁；

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

企業如何選擇合適自己的App開發方式

如果企業中之前有用原生開發出來的App，那么需要繼續使用原生的方式去維護；
如果企業是做手游的，也只能使用原生，或者，對app性能要求特別高，也要用原生；
一般，如果有了一個好的方案，就需要立即把方案實現為具體的應用；快速的推向市場，占領市場；基於這種需求，混合APP開發方式，更適合；尤其適用於小企業；【褲衩開發】

企業中項目開發流程

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

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

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

1. Angular.js 和 Ionic

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

2. Vue.js 和 Weex

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

3. 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

3. HBuilder官網

開發框架之間的區別

1. Html5+ 和 Ionic
2. ReactNative 和 Weex

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

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

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

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

環境變量的使用

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