把網(wǎng)頁做成app,一般通過兩種方式實(shí)現(xiàn):
1. 包裝成原生應(yīng)用
這種方式涉及到原生應(yīng)用開發(fā),只不過它的主要業(yè)務(wù)邏輯是展示一個(gè)webview。具體流程如下:
- 使用開發(fā)工具(如Xcode、Android Studio)創(chuàng)建新項(xiàng)目,選擇了 webview 模板
- 在webview中加載目標(biāo)網(wǎng)頁
- 對webview的UA進(jìn)行修改,使之看起來像一個(gè)android或iOS應(yīng)用
- 給這個(gè)應(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項(xiàng)目,比如Cordova提供了一個(gè)cordova create的命令行工具,可以快速創(chuàng)建Hybrid App項(xiàng)目
- 集成webapp,把構(gòu)建好的webapp放到www目錄中,打包成Hybrid App
- 給Hybrid App加入插件,通過插件機(jī)制,Hybrid App可以調(diào)用底層原生API
- 打包成原生應(yīng)用,在各大應(yīng)用商店發(fā)布
需要注意的是,使用Hybrid App框架構(gòu)建的應(yīng)用,與使用原生方法開發(fā)的應(yīng)用相比,可能會使應(yīng)用的性能和用戶體驗(yàn)下降。因此,開發(fā)者應(yīng)該謹(jǐn)慎選擇適合的方式。