前端非原生开发有多少种方法
前端非原生开发有多少种方法?
今天来探讨下开发手机APP都有那些技术手段
大致分为三种开发模式:原生、混合开发、跨平台开发
原生方式:
原生技术栈指的是,只能用于特定手机平台的开发技术。比如,安卓平台的 Java 技术栈,iOS 平台的 Object-C 技术栈或 Swift 技术栈。
混合开发:
混合开发,也就是把 Web 网页放到特定的容器中,然后再打包成各个平台的原生 App。所以,混合技术栈其实是 Web 技术栈 + 容器技术栈,典型代表是 PhoneGap、Cordova、Ionic 等框架
跨平台 App:
跨平台开发指的是使用一种技术,同时支持多个手机平台。它与混合技术栈的区别是,不使用 Web 技术,即它的页面不是 HTML5 页面,而是使用自己的语法写的 UI 层,然后编译成各平台的原生 App。
这个技术栈就是纯粹的容器技术栈,React Native、Xamarin、Flutter 都属于这一类。学习时,除了学习容器的 API Bridge,还要学习容器提供的 UI 层,即怎么写页面
总结:H5 开发主要用在混合技术栈。但是,跨平台技术栈的某些容器也会用到(比如 React Native),因为它们的 UI 层借鉴了 Web 模型。
另外,混合技术栈和跨平台技术栈的基础,都是原生技术栈,因为最终都要编译成原生App。所以,不管使用哪一种技术栈,多多少少要了解一些各平台的原生技术。
此外 WebView 控件
不管什么技术,最终在 App 里面显示网页,一定需要一个网页引擎,这样才能解析网页。通常情况下,App 内部会使用 WebView 控件作为网页引擎。这是系统自带的控件,专门用来显示网页。应用程序的界面,只要放上 WebView,就好像内嵌了浏览器窗口,可以显示网页。不同的 App 技术栈要显示网页,区别仅仅在于怎么处理 WebView 这个原生控件。
原生开发:需要开发者自己把 WebView 控件放到页面上。
混合开发:页面本身就是网页,默认在 WebView 中显示。
跨平台开发:提供一个 WebView 的语法,编译的时候将其换成原生的 WebView。
不同系统的 WebView 控件名称不一样,安卓系统就叫 WebView,iOS 系统有较老的 UIWebView,也有较新的 WKWebView,作用都是一样的,差异在于功能的强弱。
前端非原生开发有多种方法,以下是一些常见的方法:
1. React Native:使用 JavaScript 和 React 构建原生应用程序。
2. Flutter:使用 Dart 构建原生应用程序。
3. Ionic:使用 HTML、CSS 和 JavaScript 构建混合应用程序,通过框架将应用程序打包为原生应用。
4. Cordova:使用 HTML、CSS 和 JavaScript 构建混合应用程序,通过 WebView 将应用程序打包为原生应用。
5. Weex:使用 Vue.js 或 Rax 构建原生应用程序,将应用程序打包为原生应用。
6. Xamarin:使用 C# 构建原生应用程序,跨平台运行在 iOS、Android 和 Windows 上。
7. Electron:使用 HTML、CSS 和 JavaScript 构建桌面应用程序,通过 Chromium 和 Node.js 将应用程序打包为原生应用。
8. NW.js:使用 HTML、CSS 和 JavaScript 构建桌面应用程序,通过 Chromium 和 Node.js 将应用程序打包为原生应用。
9. Unity:使用 C# 构建游戏和交互应用程序,跨平台运行在多种设备上,包括手机、平板、PC 和主机游戏机等。
这些非原生开发方法可以帮助开发人员快速构建跨平台应用程序,减少开发工作量,提高开发效率。