前言
如果你會寫html代碼的話,那這篇文章帶你快速也能寫出一個移動客戶端應用(安卓&IOS) , 首先我們來了解下App的幾種常見形式.
1.原生App
原生APP，又稱爲Native App，就是利用Android、iOS平臺官方的開發語言、開發類庫、工具進行開發。比如安卓的java語言，iOS的object-c 語言。該模式通常是由“雲服務器數據+APP應用客戶端”兩部份構成，APP應用所有的UI元素、數據內容、邏輯框架均安裝在手機終端上。一般用戶只能通過賣場和網絡商店獲得。
優點:
- 擁有手機的各種功能的權限，比如獲取個人信息，攝像頭以及重力加速器等等,快捷調用設備接口,也就是硬件使用能力高.
- 運行速度是三種App中最快的，用戶體驗最好.
- 手機用戶無法上網也可訪問APP應用中以前下載的數據.
- 官方提供大量的開發工具和人工支持來幫助開發
缺點:
- 開發成本高，週期長，安卓和ios都需要單獨開發，且支持設備有限.
- APP應用更新新功能，涉及到每次要向各個應用商店進行提交審覈，審覈期長
2.Web-App
Web版App，以Web開發語言開發的，在瀏覽器上運行的App , 而且它們不需要在設備上下載後安裝。
優點:
- 支持範圍廣，兼容多種設備，開發成本低，週期短，可以即時上線
- 跨平臺開發，用戶通過瀏覽器訪問，開發者更新僅需要通過服務器更新即可
缺點:
- 和原生App相比，性能和體驗都大打折扣，對動畫和圖片支持較差
- 因爲不通過App store下載，所以無法通過下載盈利
- 並不能訪問手機的所有功能，很多權限受到限制，比如攝像頭和GPS，重力加速器等
- 假如沒有聯網，則不能使用
- 用戶使用更新型的瀏覽器，則更可能出現兼容性問題
3.混合App
混合App也稱爲 Hybrid App , 顧名思義也就是多種形式技術的結合版,它結合Web版App和原生App兩種技術來進行開發，兩種技術的混合比例不限。
它雖然看上去是一個原生App，但只有一個UI WebView，裏面訪問的是一個WebApp.
優點:
- 和Web版App一樣可兼容多平臺
- 部分內容不需要聯網也可以獲取
- 可以訪問手機的功能要比Web版App更多，但是依然比不上原生的App.
- 可以在App商店下載
缺點:
- 性能和速度依舊比不上原生App
- 技術不夠成熟,比如Facebook現在的應用屬於混合應用它可以在許多App Store暢通無阻，但是摻雜了大量Web特性，所以它運行速度比較慢，而現在爲了提高性能FB又決定採用原生應用。
瞭解三種App形式後,下面我們來開發一個混合App.
使用工具:
下面使用的是 HBuilder X 進行演示 , 安卓設備(小米手機).
(可選) : 也可以使用自己的服務器,實現手機客戶端連網訪問服務器端,如果沒有域名的小夥伴可以利用 natapp 內網穿透工具連接公網,進行測試 .
1. 在 HBuilder X 中創建一個 5+App 的項目;
2. 打開項目後會看到以下文件結構 , 其中manifest.json的文件用於App的相關配置.(比如圖標,權限的配置)
3. 在它提供的index.html文件中編寫代碼,發揮你的想象力啦,(也可以找找模板複製過來),本人做的是簡陋版QQ登錄界面.
4. 編寫好後 , 最關鍵的步驟 - 打包.
選擇工具欄上的 => 原生App-雲打包
5. 然後對打包App進行配置 , 這裏修改下 使用公共證書選項 , 根據你的需要選擇打包的類型(安卓或者IOS). 配置好後,點擊打包即可.
6. 打包完後控制檯會出現一個下載鏈接,下載安裝後,點擊運行就可以看到你所寫的效果啦!
運行後~
這裏在介紹一種方式,就是點在工具界面點擊運行按鈕,使用同步更新App,在頁面所做修改的都能及時的響應給手機客戶端,方便調試.,第一次點運行會提示需要安裝插件,安裝後用USB的方式讓手機與電腦連接,手機打開開發者選項中的USB調試 , 準備好後在點運行,(如果還是提示未找到設備就重啓工具),它會自動在手機安裝App,不需要打包.且能動態隨着修改而更新App.
今天就分享到這啦!,之後還會繼續更新，歡迎大家繼續關注 !