Hybrid APP 移动开发-客户端

前言:

结合B站直播营收部门的框架,梳理客户端开发业务框架

主要讲解下目前主流移动开发的Hybrid

App开发三大类

(一)Native APP 原生开发

特性:

直接依托于操作系统,IOS、Android不同操作系统要采用不同的语言和框架进行开发;

Android基于Java语言,底层调用Goolge提供的API;IOS基于Objective c或Swift语言,底层调用Apple官方提供的Api;

原生开发模式通常是由**"云服务器数据+APP应用客户端"** 两部份构成,APP应用**++所有的UI元素、数据内容、逻辑框架++**均安装在手机终端上。

优点:

  1. 原生的代码提供了最优的体验(这是毋庸置疑的,无论你的H5优化有多么好)
  2. 原生的代码可以直接调用系统的硬件(比如摄像机、蓝牙、存储空间等等)
  3. 原生的代码可以更好地对特定的功能进行定制化(比如 抖音中 自定义的视频录制,对文件处理之后的重新保存)
  4. 维护后迭代新版本,用户可自行选择更新或者本地维持老版本

缺点:

无法跨平台,Android和IOS要独自开发,因此开发成本高,调式不方便,后期维护困难。

(二)Web APP 网站开发

特性:

Web App即移动端的网站,前端开发;负责UI的显示与交互。

直接将页面部署在服务器上,然后用户使用各大浏览器访问。(网站在各个操作系统都是统一的)

编程框架为H5+CSS3+JS

①HTML:负责网页的结构(页面元素和内容)。
②CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。
③JavaScript:负责网页的行为(交互效果)。

优点:

  1. 可以跨平台,开发成本低,调试方便。
  2. 维护成本低 更新无需通知用户,不需要手动升级 无需安装App,不会占用手机内存。

缺点:

  1. 无法获取系统级别的通知,提醒,动效等等。
  2. 用户留存率低 设计受限制诸多 体验较差。

(三)Hybrid APP 混合开发

特性:

解决原生开发成本高、维护难和网站开发的问题;

主要原理就是将 APP 的一部分需要动态变动的内容通过 H5 来实现,通过原生的网页加载控件 WebView (Android)或 WKWebView(iOS)来加载H5页面;

相当于在原生APP里加入Web网站

优点:

H5 部分是可以随时改变而不用发版,动态化需求能满足;

由于 H5 代码能同时在 Android 和 iOS 两个平台运行,开发成本低;

缺点:

相比原生,性能仍然有较大损耗,不适用于交互性较强的app


总结:

在Native Container中加了Web,让前端老师帮我们客户端处理页面和交互逻辑

相关推荐
拓端研究室23 分钟前
专题:2025医药生物行业趋势与投融资研究报告|附90+份报告PDF、原数据表汇总下载
android·开发语言·kotlin
小鱼人爱编程42 分钟前
当上组长一年里,我保住了俩下属
android·前端·后端
2501_9160137444 分钟前
移动端 WebView 调试实战,多平台行为差异排查与统一调试流程
android·ios·小程序·https·uni-app·iphone·webview
liosen4 小时前
【安卓笔记】OOM与内存优化
android·oom·内存优化·内存分析命令·内存分析工具
猿小蔡-Cool9 小时前
Android ADB命令之内存统计与分析
android·adb
Monkey-旭9 小时前
Android Handler 完全指南
android·java·handler
從南走到北10 小时前
JAVA东郊到家按摩服务同款同城家政服务按摩私教茶艺师服务系统小程序+公众号+APP+H5
android·java·开发语言·微信小程序·小程序
alexhilton11 小时前
学会用最优雅的姿式在Compose中显示富文本
android·kotlin·android jetpack
阿华的代码王国13 小时前
【Android】卡片式布局 && 滚动容器ScrollView
android·xml·java·前端·后端·卡片布局·滚动容器
风起云涌~13 小时前
【Android】桌面小组件开发
android·gitee