App做H5即指在移动应用内嵌入H5页面,通过Web View展示。这种行为也被称之为Hybrid开发模式。它结合了Native和Web两者的优点,Native可以提供更为流畅的用户体验,Web可以通过简单易用的技术实现快速迭代与灵活扩展。在App做H5模式下,将Web页面以WebView(原生控件)的形式嵌入App内实现。
App做H5的原理是通过Android和iOS操作系统提供的 WebView控件加载HTML、CSS、JS等Web前端开发技术逐步将“产品打造”出来,再以JavaScript与Native进行交互,实现应用的业务逻辑。
App做H5优点:
1. 跨平台:一份代码可以完成Android和iOS两个版本。
2. 灵活易扩展:Web开发具有快速迭代、动态资源加载等优点,而Native实现更加流畅,可是由于要经过App Store审核机制,发布出去的频率较低,而H5可以随时更新,保证了用户体验的连续和优秀性。
3. 减少开发成本:H5具有一套完整的前端技术框架和生态系统,对于App开发有很大的帮助。开发H5页面可以使用前后端分离、模块化开发等更先进的开发方法,从而更好地管理代码,提高开发效率。
4. 节约维护成本:一份H5代码即可适配多款设备,节省了后期维护成本。
5. 省去坑爹审核:H5是运行在WebView中的,不需要经过AppStore审核,不受苹果开发者协议的限制。
App做H5缺点:
1. 性能:H5与Native相比,性能确实稍逊。Webview的使用,有以下几点问题可能需要注意:
a)在加载外部页面时,需要等待WebView完成对页面渲染后才能得到最终显示内容,这个过程中会出现闪屏
b)H5页面加载过程中会使用一定的内存和硬件资源,可能导致APP卡顿或耗电。
2. 用户行为受限:尽管App做H5的服务搭载在原生App上,但是依然有一些接口会受到原生App的限制。
3. 安全性:因为H5页面是加载在原生App内部的,如果安全漏洞不及时处理,就可能带来恶意攻击。
总的来说,App做H5是一种很实用的解决方案。在开发中,可以根据实际需求灵活取舍,在App做H5和Native开发之间取得平衡,最大化地提高APP开发效率和用户体验。