把網(wǎng)頁做成app,一般通過兩種方式實現(xiàn):
1. 包裝成原生應(yīng)用
這種方式涉及到原生應(yīng)用開發(fā),只不過它的主要業(yè)務(wù)邏輯是展示一個webview。具體流程如下:
- 使用開發(fā)工具(如Xcode、Android Studio)創(chuàng)建新項目,選擇了 webview 模板
- 在webview中加載目標網(wǎng)頁
- 對webview的UA進行修改,使之看起來像一個android或iOS應(yīng)用
- 給這個應(yīng)用加入一些原生能力,比如推送、分享、收藏、緩存等
- 打包為正式的apk或ipa包,可以上傳到各大應(yīng)用商店供用戶下載
2. 使用Hybrid App框架
Hybrid App框架提供了一種在原生應(yīng)用中嵌入網(wǎng)頁的方式,使得網(wǎng)頁可以調(diào)用底層原生API,比如攝像頭、通訊錄、地圖等。常見的Hybrid App框架有Cordova、Ionic等。具體流程如下:
- 在本地創(chuàng)建Hybrid App項目,比如Cordova提供了一個cordova create的命令行工具,可以快速創(chuàng)建Hybrid App項目
- 集成webapp,把構(gòu)建好的webapp放到www目錄中,打包成Hybrid App
- 給Hybrid App加入插件,通過插件機制,Hybrid App可以調(diào)用底層原生API
- 打包成原生應(yīng)用,在各大應(yīng)用商店發(fā)布
需要注意的是,使用Hybrid App框架構(gòu)建的應(yīng)用,與使用原生方法開發(fā)的應(yīng)用相比,可能會使應(yīng)用的性能和用戶體驗下降。因此,開發(fā)者應(yīng)該謹慎選擇適合的方式。