html5 移动app-后台最常见的联通App类别介绍及异同

中国联通App类别

App是可以在联通设备(手机、平板笔记本)上运行的应用程序。 联通是相对于台式笔记本和电脑笔记本上运行的“固定”设置而言的。

常见APP类别:

Native App(navtiveapp) Web App(WebApp) HybridApp(HybridApp) 其他类型(小程序/快应用等 Native App)

Native App是最简单的开发方式,可以直接运行在移动操作系统上。

原生应用是某个联通平台(如iOS或Android)特有的,使用相应平台支持的开发工具和语言(如iOS的Xcode和Objective-C,Android的Eclipse和Java)进行开发)。 本机应用程序的外观(形式)和行为(性能)都处于最佳状态。

现在只有两个主要系统,iOS和Android,每个应用程序都需要用自己的语言开发。 (需要两组人分别做,各有各的功能,其代码根本不能复用)

原生应用的现状:

iOS:

安卓:

原生App的优点:

优点是速度快、性能高、用户体验好。 根据不同的硬件操作系统,开发不同的程序。

性能和体验都是最好的,全部使用本系统原生组件,不存在网络渲染问题。

原生App的缺点:

开发和发布成本较高,需要专业的Android和ios开发人员。 ios系统是闭环的,应用需要上传到appStore。 更新麻烦,跨平台困难。 Android和iOS都需要单独开发,开发相对复杂,因此开发成本非常高,开发周期也比较长。 升级比较麻烦,每次升级都需要下载安装包,而且iOS每个版本都要经过AppStore的初审,Android和iOS很难同时发布。

webApp(网络应用程序)

中国联通侧的网站通常被称为H5应用。 说白了,就是专门运行在联通侧浏览器上的网站应用。 通常也称为SPA(SinglePageApplication)单页应用模式开发的网站,它对应于MPA(Multi-pageApplication)。

M站演示

Web应用程序的优点:

开发成本低、跨平台、调试方便、开发速度最快。

Webapp通常只需要一个后端人开发一套代码,然后就可以适用于各大主流浏览器(特殊情况下代码可以兼容),没有新的学习成本,直接就可以在浏览器中调试。

移动html5_html5移动站点是什么_html5 移动app

维护成本低:

如上,如果代码合理,只需要一个后端就可以维护多个webapp。

更新速度最快:

因为webapp资源是直接部署在服务器端的,所以只需要替换服务器端的文件,用户访问的时候就已经更新了(其实还需要解决一些缓存问题)。

无需安装App,不会占用手机内存:

无需安装即可通过浏览器访问,用户会更愿意使用。

Web应用程序的缺点:

性能低、用户体验差:

由于是通过浏览器直接访问,无法使用原生API,操作体验不好。

依赖网络,页面访问速度慢,流量消耗:

WebApp每次访问都需要到服务器加载资源访问,所以必须依赖网络,网速慢时访问速度并不理想,尤其是联通侧,如果网站优化不好,会无端消耗大量流量。

移动html5_html5移动站点是什么_html5 移动app

功能有限,大量功能难以实现:

只能使用Html5的一些特殊API,无法调用原生API,所以很多功能很难实现。

临时进入,用户留存率低:

这既是它的优点,也是它的缺点。 优点是不需要安装。 缺点是有时使用后很难找到,或者很难为某个webapp预留入口,导致用户很难再次使用。 通过挂在陌陌公众号的链接,可以设置入口。

应用技术:

VueJSReactJSAngularJSHybridApp(混合应用程序)

混合模式联通应用,介于WebApp和NativeApp之间的App开发技术,兼顾“NativeApp良好交互体验的优势”和“WebApp跨平台开发的优势”,原生客户端的外壳WebView,虽然是HTML5网页。

什么是 WebView:

WebView是本机浏览器的外部浏览器。 上面是一个h5网页,所有的服务都是h5网页。 外面是一个Android或者ios的shell,只提供API和SDK(调用原生能力的包)/照片/视频/录音/,没有具体的业务。 h5网页通过js调用外壳提供的原生能力。

混合应用程序的优点:

移动html5_html5移动站点是什么_html5 移动app

开发成本低、跨平台、调试方便

Hybrid模式下,原生提供统一的API供JS调用。 实际主要逻辑是由Html和JS完成的,而且由于最终显示在webview中,所以只需要编写一套代码就可以实现跨平台的功效。 ,也可以直接在浏览器中调试,非常方便

最重要的是,只需要一名后端人员来学习如何调用 JSapi,不需要两名独立的原生人员

通常Hybrid中的跨平台至少可以跨三个平台:AndroidApp、iOSApp、常见的webkit浏览器

维护成本低,功能可复用

同上html5 移动app,如果代码合理,只需要一个后端来维护多个App,并且很多功能可以互相复用

更新更自由

混合开发其实就是Android shell/ios shell+html/js/css

更新只需下载最新的html+js+css(本地模式)

Android shell/ios shell + webview(在线地址)(在线模式)=>更新只需部署到服务器上(性能和效率都比较低)

虽然不如webapp更新快,但Hybrid中可以原生提供API主动下载资源,从而达到只更新资源文件而不更新apk(ipa)的效果(进入后热更新)

移动html5_html5移动站点是什么_html5 移动app

对新手友好html5 移动app,学习成本低

在这些开发模式下,只需要后端人员关注一些原生提供的API,不需要关心具体的实现。 没有新的学习内容,只需要后端人员开发。

功能越来越成熟,性能和体验比webapp好很多

由于可以调用原生API,所以很多功能只要原生提供就可以实现,性能也更接近原生

一些有性能要求的页面可以原生实现

一般来说,shell+html+js+css、shell+部分native+html/js+css

这应该是混合模式最有用的用途。 由于这些模式都是原生混合Web,所以我们完全可以用原生编写交互强、性能要求高的页面,然后用JS编写一些其他页面,嵌入到WebView中,从而达到最终的目的。 最好的体验

HybridApp 的缺点:

与原来相比,性能还是有较大损失

这些模式都受到webview的性能束缚。 与原装相比,磨损较多,体验无法与原装相比。

不适合高度交互的应用程序

这些模式的主要应用有:一些新闻阅读、信息展示类App; 并且不适合一些交互性强或者性能要求较高的app(比如不适合动画较多)

其他类型App 小程序 百度小程序 今日头条小程序 支付宝小程序 微网页快应用 微网页快应用