移动APP介绍

移动APP

能够运行在移动端中的应用程序

背景

Wap

早期手机浏览的网站,因为手机屏幕小,处理能力小,所以需要特殊格式的网页(简陋)主要展示内容,不侧重功能

Web App(网页应用)

所有的页面资源全都存储于服务器中,受限于网络 BS模式

侧重于功能,基于HTML5、JS、CSS开发实现特定功能的应用,依赖于浏览器

网页(web)是电脑访问,web App就是web是电脑浏览器的网页,app是移动设备的一个应用软件,他们加起来就是一个能在电脑用的软件又能在移 动设备端安装的软件,支持多平台运行。

Web App的开发几乎完全构建在Webview的基础之上

WebView(网络视图)能加载显示网页,可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页

优点:

开发成本低、不用下载客户端、更新无需通知用户、不需要手动升级、跨平台

可以运行在 PC、安卓、iOS、Pad 等各种终端

缺点:

用户体验稍差、无法获取系统级别的通知或提醒、设计受限制诸多

Native App(原生应用)

所有的资源几乎都是存储于本地的(安装的程序就是资源,应用的资源都是从本地获取) CS模式

是一种基于智能手机本地操作系统如IOS、Android、WP并使用原生程式编写运行的第三方应用程序,也叫本地app

优点:

完美的用户体验、性能高且稳定、访问本地资源(通讯录,相册)、拥有系统级别的贴心通知或提醒

缺点:

不能跨平台、开发成本高(不同平台有不同的开发语言和界面适配)、维护成本高(例如一款App已更新至V5版本,但仍有用户在使用V2, V3, V4版本,需要更多的开发人员维护之前的版本)、更新缓慢,根据不同平台,提交–审核–上线 等等不同的流程,需要经过的流程较复杂

Hybrid App(混合应用)

(混合模式移动应用)是指介于Web App、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”

优点:

跨平台、性能与原生差别不大、小更新无需重装

缺点:

不适合开发游戏,受限于技术,网速,等等很多因素

Facebook

Facebook在React Native里引入了一种跨平台的基于CSS的布局系统

移动App开发

主流移动终端系统:Android、iOS

移动App开发方式

  • Native : 安卓(Java)、苹果(Object C、Swift)
  • Web : JavaScript + HTML + CSS 等相关技术
  • Hybrid : JavaScript + HTML + CSS 等相关技术,配合原生开发语言

前端混合App框架

React.js 和 React-Native

Vue.js 和 Weex

Angular.js 和 Ionic

1
2
3
4
5
onic是一款基于angularjs的html5移动app开发框架,打包功能是基于Phonegap/Cordova的
Phonegap就是一款可以打包并且可以让js调用原生的移动app框架,可以独立开发app
phonegap与cordova 移动开发平台:
Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。你可以把它们的关系想象成类似于Webkit和Google Chrome的关系。---摘自百度百科

HBuilder + MUI

  • 认识HTML5+
    • h5+是一个产业联盟,它有一些互联网成员,专门在中国推广H5
    • H5+的js库操作浏览器的组件,也就是可以调用浏览器组件的方法,由浏览器去调用手机的API
    • html5不具备操作移动端的API
  • HTML5+ 说明
  • MUI开发