跨平台开发框架（跨平台开发框架比较）

本文目录一览：

• 1、qt是什么意思？
• 2、webrtc使用netcore
• 3、移动跨平台开发框架选型的建议和原因分析

qt是什么意思？

从iPhone诞生至今，智能手机风靡全球已将近20年，智能手机作系统iOS和Android也成为当仁不让的顶流般的存在，而作为其背后的灵魂，移动应用也随着技术的发展已经越来越丰富。如果从技术层面来讲，移动App也从最开始单一的原生开发（NativeApp）模式，演变出了混合开发（HybirdApp）、网页应用开发（WebApp），为什么会有这种发展的变化呢？

跨平台开发框架（跨平台开发框架比较）

因为原有的NativeApp有一个明显的痛点，就是相同的功能需要在不同的平台上都实现一遍，所以就有了一个很迫切的需求，能否只需要写一次代码，就可以在各个端都运行？

移动跨平台的逻辑

跨平台开发从本质上讲是为了增加业务代码的复用率，减少因为要适配多个平台带来的工作量，从而降低开发成本。在提高业务专注度的同时，能够为用户提供一致的用户体验，实现“多快好省”的效果。

跨平台是跨哪些平台？怎么样的跨平台逻辑？从当前的实际情况来看，移动端跨平台需求主要集中在以下3点：

桌面端跨移动端：桌面向移动端过渡的早期，希望PCWeb与移动Web复用同一套代码。Native跨Web：一套功能不多的Web页能够在端外访问，需要跨NativeApp与Web。跨系统双端：出于开发效率等原因，希望Android、iOS双端复用一套业务代码，这也是目前主要的需求点。

而放眼未来，我们预见可能还会有这些跨平台需求：

跨小程序/轻应用：即用即走的轻量级应用，如各平台的小程序、Android快应用、iOSAppClips。跨IoT设备：各种有显示屏的设备都会成为新的入口，如车载设备、智能电视等。移动跨平台方案的发展

不仅是移动应用的开发模式在持续的演变，跨平台开发方案也紧紧的跟随着开发模式的变化持续的演进，按照技术的发展，跨平台方案可以分为三个时代。

1、Web容器时代

基于Web相关技术通过浏览器组件来实现界面及功能，典型的框架包括Cordova、Ionic和微信小程序。Web时代的方案，主要采用的是原生应用内嵌浏览器控件WebView的方式进行HTML5页面渲染，并定义HTML5与原生代码交互协议，将部分原生系统能力暴露给HTML5，从而扩展HTML5的边界。这类交互协议，就是我们通常说的JSBridge。

2、泛Web容器时代

采用类Web标准进行开发，但在运行时把绘制和渲染交由原生系统接管的技术，代表框架有ReactNative、Weex和快应用等。过渡到泛Web容器时代，优化了Web容器时代的加载、解析和渲染这三大过程，把影响它们运行的Web标准进行了裁剪，以相对简单的方式支持了构建移动端页面必要的Web标准（如Flexbox等），也保证了便捷的前端开发体验；同时，这个时代的解决方案基本上完全放弃了浏览器控件渲染，而是采用原生自带的UI组件实现代替了核心的渲染引擎，仅保持必要的基本控件渲染能力，从而使得渲染过程更加简化，也保证了良好的渲染性能。

3、自绘引擎时代

自带渲染引擎，客户端仅提供一块画布即可获得从业务逻辑到功能呈现的多端高度一致的渲染体验。Flutter，是为数不多的代表。Flutter开辟了一种全新的思路，即从头到尾重写一套跨平台的UI框架，包括渲染逻辑，甚至是开发语言。

移动跨平台技术方案的对比

对比现有的跨平台技术和解决方案也可以分为三类，分别是Web跨端、容器跨端、小程序跨端。

1、Web跨端

Web跨端比较好理解，因为Web与生俱来就有跨端的能力，因为只要有浏览器或WebView，现在绝大多数端上（甚至包括封闭的小程序生态）都支持Webview，所以只要开发网页然后投放到多个端即可轻松跨平台，例如WebApp、PWA（ProgressiveWebApps）、HybridApp、PHA（ProgressHybridApp）。

优点：

没有额外的学习成本，一套基础技术吃天下不依赖特殊的配套设施，从开发、调试到运维等所有工程化环节都是通用的背靠npm庞大的生态，百万模块，

缺点：

经常会遇到白屏、卡顿等情况，用户的体验不佳无法调用系统的权限，例如多媒体、蓝牙、相机等性能不好，对内存的消耗大2、容器跨端

另一种统一多端的思路是将Native定制成标准容器，让同一份代码跑在一个个标准容器中。比较典型的代表是ReactNative、Flutter、Weex，这类方案通过尽可能的取长补短，综合了Web生态和Native组件，让JS执行代码后用Native的组件进行渲染，以解决抛弃Web历史包袱的问题。

具体来讲ReactNative可以跨Android、iOS、Web、Windows四端，Flutter可以跨Android、iOS、Web、Linux四端，Weex可以跨Android、iOS、Web三端。

优点：

Flutter快速的开发，富有表现力的精美UI和类似本机的性能ReactNative专注于用户界面，使应用程序开发人员能够构建高度可靠的界面Weex页面就像开发普通网页一样；在渲染Weex页面时和渲染原生页面一样

缺点：

ReactNative没有提供的需要自定义的应用，依旧需要使用原生开发Flutter构建的应用程序文件很大，没有广泛的资源基础，这意味着可能找不到开发所需的第三方库和包Weex由于起步比较晚，社区活跃度不如RN，资料和开源项目也相对较少3、小程序跨端

小程序跨端也比较好理解，就是让同样代码的小程序能够运行在多个App中，例如开发完一个小程序除了让其运行在微信之外，还能运行在支付宝、百度等超级App，甚至是自己的App中。

如果说小程序依旧是依靠Web技术运行的，那为什么还要单独去使用小程序呢？就像前面所说到的一样，Web始终没法调用例如相机、蓝牙等这样的权限，并且用户使用体验会收到一定的影响。而小程序则不同，小程序具有强大的Web渲染引擎、提供丰富组件、支持本地缓存、避免DOM泄露等，并且其初衷是开放，例如微信、支付宝这样的超级App也都相继开放了小程序上架能力，小程序逐渐成为跨App的正规方式。

后期也甚至出现了小程序容器，可以让个人或企业自己的App具备小程序的运行能力，让其他App能够具有超级App一致的小程序跨端能力。

优势：

具备类似NativeApp的体验度，使用较为流畅丝滑可以获取用户的相册、多媒体、蓝牙等基础权限可以通过便捷化的上下架方式完成相关页面和业务的热更新

缺点：大平台的框架标准不统一，会稍微有影响，但都大同小异，W3C也在做小程序的标准化工作部分的插件会用到原生相关的技术

Webrtc是一个实时通信协议，通常用于浏览器之间的音视频通话。而core是微软的一个跨平台开发框架。可以使用core开发WebRTC应用程序。

具体来说，可以使用C#语言和core框架中的WebRTC库来开发应用程序。这个库提供了一些基本的实时通信功能，例如音频和视频的捕获和传输等。而且，core框架的跨平台特性也使得这种开发方式能够在多个平台上运行，包括Windows，Linux和macOS等。

使用core开发WebRTC应用程序的好处是，可以使用C#这种强大的编程语言，以及core框架提供的各种功能，例如异步编程和内存管理等。这些功能可以提高开发效率和应用程序性能。

同时，需要注意的是，WebRTC协议本身是一个相对复杂的标准，需要一定的学习和了解才能够进行开发。此外，还需要一些基本的音视频编解码知识和网络通信知识。

总之，使用core开发WebRTC应用程序是一种可行的方式，可以提高开发效率和应用程序性能。但是需要开发人员具备一定的WebRTC和音视频编解码知识，才能够进行开发。

Qt是一个19年由奇趣科技开发的跨平台C++图形用户界面应用程序开发框架。它既可以开发GUI程序，也可用于开发非GUI程序，比如控制台工具和。Qt是面向对象的框架，使用特殊的代码生成扩展（称为元对象编译器(Meta Object Compiler, moc)）以及一些宏，易于扩展，允许组件编程。2008年，奇趣科技被诺基亚公司收购，QT也因此成为诺基亚旗下的编程语言工具。2012年，Qt被Digia收购。2014年4月，跨平台集成开发环境Qt Creator 3.1.0正式发布，实现了对于iOS的完全支持，新增WinRT、Beautifier等插件，废弃了无Python接口的GDB调试支持，集成了基于Clang的C/C++代码模块，并对Android支持做出了调整，至此实现了全面支持iOS、Android、WP。

它提供给应用程序开发者建立艺术级的图形用户界面所需的所有功能。Qt很容易扩展，并且允许真正地组件编程。基本上，Qt 同 X Window 上的 Motif，Openwin，GTK 等图形界 面库和 Windows 平台上的 MFC，OWL，VCL，ATL 是同类型的东西。

webrtc使用netcore

从iPhone诞生至今，智能手机风靡全球已将近20年，智能手机作系统iOS和Android也成为当仁不让的顶流般的存在，而作为其背后的灵魂，移动应用也随着技术的发展已经越来越丰富。如果从技术层面来讲，移动App也从最开始单一的原生开发（NativeApp）模式，演变出了混合开发（HybirdApp）、网页应用开发（WebApp），为什么会有这种发展的变化呢？

因为原有的NativeApp有一个明显的痛点，就是相同的功能需要在不同的平台上都实现一遍，所以就有了一个很迫切的需求，能否只需要写一次代码，就可以在各个端都运行？

移动跨平台的逻辑

跨平台开发从本质上讲是为了增加业务代码的复用率，减少因为要适配多个平台带来的工作量，从而降低开发成本。在提高业务专注度的同时，能够为用户提供一致的用户体验，实现“多快好省”的效果。

跨平台是跨哪些平台？怎么样的跨平台逻辑？从当前的实际情况来看，移动端跨平台需求主要集中在以下3点：

桌面端跨移动端：桌面向移动端过渡的早期，希望PCWeb与移动Web复用同一套代码。Native跨Web：一套功能不多的Web页能够在端外访问，需要跨NativeApp与Web。跨系统双端：出于开发效率等原因，希望Android、iOS双端复用一套业务代码，这也是目前主要的需求点。

而放眼未来，我们预见可能还会有这些跨平台需求：

跨小程序/轻应用：即用即走的轻量级应用，如各平台的小程序、Android快应用、iOSAppClips。跨IoT设备：各种有显示屏的设备都会成为新的入口，如车载设备、智能电视等。移动跨平台方案的发展

不仅是移动应用的开发模式在持续的演变，跨平台开发方案也紧紧的跟随着开发模式的变化持续的演进，按照技术的发展，跨平台方案可以分为三个时代。

1、Web容器时代

基于Web相关技术通过浏览器组件来实现界面及功能，典型的框架包括Cordova、Ionic和微信小程序。Web时代的方案，主要采用的是原生应用内嵌浏览器控件WebView的方式进行HTML5页面渲染，并定义HTML5与原生代码交互协议，将部分原生系统能力暴露给HTML5，从而扩展HTML5的边界。这类交互协议，就是我们通常说的JSBridge。

2、泛Web容器时代

采用类Web标准进行开发，但在运行时把绘制和渲染交由原生系统接管的技术，代表框架有ReactNative、Weex和快应用等。过渡到泛Web容器时代，优化了Web容器时代的加载、解析和渲染这三大过程，把影响它们运行的Web标准进行了裁剪，以相对简单的方式支持了构建移动端页面必要的Web标准（如Flexbox等），也保证了便捷的前端开发体验；同时，这个时代的解决方案基本上完全放弃了浏览器控件渲染，而是采用原生自带的UI组件实现代替了核心的渲染引擎，仅保持必要的基本控件渲染能力，从而使得渲染过程更加简化，也保证了良好的渲染性能。

3、自绘引擎时代

自带渲染引擎，客户端仅提供一块画布即可获得从业务逻辑到功能呈现的多端高度一致的渲染体验。Flutter，是为数不多的代表。Flutter开辟了一种全新的思路，即从头到尾重写一套跨平台的UI框架，包括渲染逻辑，甚至是开发语言。

移动跨平台技术方案的对比

对比现有的跨平台技术和解决方案也可以分为三类，分别是Web跨端、容器跨端、小程序跨端。

1、Web跨端

Web跨端比较好理解，因为Web与生俱来就有跨端的能力，因为只要有浏览器或WebView，现在绝大多数端上（甚至包括封闭的小程序生态）都支持Webview，所以只要开发网页然后投放到多个端即可轻松跨平台，例如WebApp、PWA（ProgressiveWebApps）、HybridApp、PHA（ProgressHybridApp）。

优点：

没有额外的学习成本，一套基础技术吃天下不依赖特殊的配套设施，从开发、调试到运维等所有工程化环节都是通用的背靠npm庞大的生态，百万模块，

缺点：

经常会遇到白屏、卡顿等情况，用户的体验不佳无法调用系统的权限，例如多媒体、蓝牙、相机等性能不好，对内存的消耗大2、容器跨端

另一种统一多端的思路是将Native定制成标准容器，让同一份代码跑在一个个标准容器中。比较典型的代表是ReactNative、Flutter、Weex，这类方案通过尽可能的取长补短，综合了Web生态和Native组件，让JS执行代码后用Native的组件进行渲染，以解决抛弃Web历史包袱的问题。

具体来讲ReactNative可以跨Android、iOS、Web、Windows四端，Flutter可以跨Android、iOS、Web、Linux四端，Weex可以跨Android、iOS、Web三端。

优点：

Flutter快速的开发，富有表现力的精美UI和类似本机的性能ReactNative专注于用户界面，使应用程序开发人员能够构建高度可靠的界面Weex页面就像开发普通网页一样；在渲染Weex页面时和渲染原生页面一样

缺点：

ReactNative没有提供的需要自定义的应用，依旧需要使用原生开发Flutter构建的应用程序文件很大，没有广泛的资源基础，这意味着可能找不到开发所需的第三方库和包Weex由于起步比较晚，社区活跃度不如RN，资料和开源项目也相对较少3、小程序跨端

小程序跨端也比较好理解，就是让同样代码的小程序能够运行在多个App中，例如开发完一个小程序除了让其运行在微信之外，还能运行在支付宝、百度等超级App，甚至是自己的App中。

如果说小程序依旧是依靠Web技术运行的，那为什么还要单独去使用小程序呢？就像前面所说到的一样，Web始终没法调用例如相机、蓝牙等这样的权限，并且用户使用体验会收到一定的影响。而小程序则不同，小程序具有强大的Web渲染引擎、提供丰富组件、支持本地缓存、避免DOM泄露等，并且其初衷是开放，例如微信、支付宝这样的超级App也都相继开放了小程序上架能力，小程序逐渐成为跨App的正规方式。

后期也甚至出现了小程序容器，可以让个人或企业自己的App具备小程序的运行能力，让其他App能够具有超级App一致的小程序跨端能力。

优势：

具备类似NativeApp的体验度，使用较为流畅丝滑可以获取用户的相册、多媒体、蓝牙等基础权限可以通过便捷化的上下架方式完成相关页面和业务的热更新

缺点：大平台的框架标准不统一，会稍微有影响，但都大同小异，W3C也在做小程序的标准化工作部分的插件会用到原生相关的技术

Webrtc是一个实时通信协议，通常用于浏览器之间的音视频通话。而core是微软的一个跨平台开发框架。可以使用core开发WebRTC应用程序。

具体来说，可以使用C#语言和core框架中的WebRTC库来开发应用程序。这个库提供了一些基本的实时通信功能，例如音频和视频的捕获和传输等。而且，core框架的跨平台特性也使得这种开发方式能够在多个平台上运行，包括Windows，Linux和macOS等。

使用core开发WebRTC应用程序的好处是，可以使用C#这种强大的编程语言，以及core框架提供的各种功能，例如异步编程和内存管理等。这些功能可以提高开发效率和应用程序性能。

同时，需要注意的是，WebRTC协议本身是一个相对复杂的标准，需要一定的学习和了解才能够进行开发。此外，还需要一些基本的音视频编解码知识和网络通信知识。

总之，使用core开发WebRTC应用程序是一种可行的方式，可以提高开发效率和应用程序性能。但是需要开发人员具备一定的WebRTC和音视频编解码知识，才能够进行开发。

移动跨平台开发框架选型的建议和原因分析

从iPhone诞生至今，智能手机风靡全球已将近20年，智能手机作系统iOS和Android也成为当仁不让的顶流般的存在，而作为其背后的灵魂，移动应用也随着技术的发展已经越来越丰富。如果从技术层面来讲，移动App也从最开始单一的原生开发（NativeApp）模式，演变出了混合开发（HybirdApp）、网页应用开发（WebApp），为什么会有这种发展的变化呢？

因为原有的NativeApp有一个明显的痛点，就是相同的功能需要在不同的平台上都实现一遍，所以就有了一个很迫切的需求，能否只需要写一次代码，就可以在各个端都运行？

移动跨平台的逻辑

跨平台开发从本质上讲是为了增加业务代码的复用率，减少因为要适配多个平台带来的工作量，从而降低开发成本。在提高业务专注度的同时，能够为用户提供一致的用户体验，实现“多快好省”的效果。

跨平台是跨哪些平台？怎么样的跨平台逻辑？从当前的实际情况来看，移动端跨平台需求主要集中在以下3点：

桌面端跨移动端：桌面向移动端过渡的早期，希望PCWeb与移动Web复用同一套代码。Native跨Web：一套功能不多的Web页能够在端外访问，需要跨NativeApp与Web。跨系统双端：出于开发效率等原因，希望Android、iOS双端复用一套业务代码，这也是目前主要的需求点。

而放眼未来，我们预见可能还会有这些跨平台需求：

跨小程序/轻应用：即用即走的轻量级应用，如各平台的小程序、Android快应用、iOSAppClips。跨IoT设备：各种有显示屏的设备都会成为新的入口，如车载设备、智能电视等。移动跨平台方案的发展

不仅是移动应用的开发模式在持续的演变，跨平台开发方案也紧紧的跟随着开发模式的变化持续的演进，按照技术的发展，跨平台方案可以分为三个时代。

1、Web容器时代

基于Web相关技术通过浏览器组件来实现界面及功能，典型的框架包括Cordova、Ionic和微信小程序。Web时代的方案，主要采用的是原生应用内嵌浏览器控件WebView的方式进行HTML5页面渲染，并定义HTML5与原生代码交互协议，将部分原生系统能力暴露给HTML5，从而扩展HTML5的边界。这类交互协议，就是我们通常说的JSBridge。

2、泛Web容器时代

采用类Web标准进行开发，但在运行时把绘制和渲染交由原生系统接管的技术，代表框架有ReactNative、Weex和快应用等。过渡到泛Web容器时代，优化了Web容器时代的加载、解析和渲染这三大过程，把影响它们运行的Web标准进行了裁剪，以相对简单的方式支持了构建移动端页面必要的Web标准（如Flexbox等），也保证了便捷的前端开发体验；同时，这个时代的解决方案基本上完全放弃了浏览器控件渲染，而是采用原生自带的UI组件实现代替了核心的渲染引擎，仅保持必要的基本控件渲染能力，从而使得渲染过程更加简化，也保证了良好的渲染性能。

3、自绘引擎时代

自带渲染引擎，客户端仅提供一块画布即可获得从业务逻辑到功能呈现的多端高度一致的渲染体验。Flutter，是为数不多的代表。Flutter开辟了一种全新的思路，即从头到尾重写一套跨平台的UI框架，包括渲染逻辑，甚至是开发语言。

移动跨平台技术方案的对比

对比现有的跨平台技术和解决方案也可以分为三类，分别是Web跨端、容器跨端、小程序跨端。

1、Web跨端

Web跨端比较好理解，因为Web与生俱来就有跨端的能力，因为只要有浏览器或WebView，现在绝大多数端上（甚至包括封闭的小程序生态）都支持Webview，所以只要开发网页然后投放到多个端即可轻松跨平台，例如WebApp、PWA（ProgressiveWebApps）、HybridApp、PHA（ProgressHybridApp）。

优点：

没有额外的学习成本，一套基础技术吃天下不依赖特殊的配套设施，从开发、调试到运维等所有工程化环节都是通用的背靠npm庞大的生态，百万模块，

缺点：

经常会遇到白屏、卡顿等情况，用户的体验不佳无法调用系统的权限，例如多媒体、蓝牙、相机等性能不好，对内存的消耗大2、容器跨端

另一种统一多端的思路是将Native定制成标准容器，让同一份代码跑在一个个标准容器中。比较典型的代表是ReactNative、Flutter、Weex，这类方案通过尽可能的取长补短，综合了Web生态和Native组件，让JS执行代码后用Native的组件进行渲染，以解决抛弃Web历史包袱的问题。

具体来讲ReactNative可以跨Android、iOS、Web、Windows四端，Flutter可以跨Android、iOS、Web、Linux四端，Weex可以跨Android、iOS、Web三端。

优点：

Flutter快速的开发，富有表现力的精美UI和类似本机的性能ReactNative专注于用户界面，使应用程序开发人员能够构建高度可靠的界面Weex页面就像开发普通网页一样；在渲染Weex页面时和渲染原生页面一样

缺点：

ReactNative没有提供的需要自定义的应用，依旧需要使用原生开发Flutter构建的应用程序文件很大，没有广泛的资源基础，这意味着可能找不到开发所需的第三方库和包Weex由于起步比较晚，社区活跃度不如RN，资料和开源项目也相对较少3、小程序跨端

小程序跨端也比较好理解，就是让同样代码的小程序能够运行在多个App中，例如开发完一个小程序除了让其运行在微信之外，还能运行在支付宝、百度等超级App，甚至是自己的App中。

如果说小程序依旧是依靠Web技术运行的，那为什么还要单独去使用小程序呢？就像前面所说到的一样，Web始终没法调用例如相机、蓝牙等这样的权限，并且用户使用体验会收到一定的影响。而小程序则不同，小程序具有强大的Web渲染引擎、提供丰富组件、支持本地缓存、避免DOM泄露等，并且其初衷是开放，例如微信、支付宝这样的超级App也都相继开放了小程序上架能力，小程序逐渐成为跨App的正规方式。

后期也甚至出现了小程序容器，可以让个人或企业自己的App具备小程序的运行能力，让其他App能够具有超级App一致的小程序跨端能力。

优势：

具备类似NativeApp的体验度，使用较为流畅丝滑可以获取用户的相册、多媒体、蓝牙等基础权限可以通过便捷化的上下架方式完成相关页面和业务的热更新

缺点：大平台的框架标准不统一，会稍微有影响，但都大同小异，W3C也在做小程序的标准化工作部分的插件会用到原生相关的技术