全面分析小程序相关框架和技术选型相关技术细节！
发表时间：2023-11-07 18:03:43
文章来源：炫佑科技
浏览次数：134
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
全面分析小程序相关框架和技术选型相关技术细节！
本文全面分析了小程序相关框架和技术选型的技术细节。
1.小程序概述
要全面了解小程序，需要了解中国移动互联网的发展历史。 从2007年移动互联网在我国开始发展全面分析小程序相关框架和技术选型相关技术细节！，到2015年进入移动互联网产品广泛应用阶段，各种移动终端开发技术相继涌现。
移动终端开发经历了几种开发方式：原生APP（APP）、Web APP、混合APP（APP）。 现阶段发展，混合型APP开发已成为主流。 从某种角度来说，微信小程序也属于混合型APP开发模式。
在早期的移动战场上，Web和App仍然利用各自的优势来占领市场。 腾讯在2017年1月9日推出了一个非常巧妙的解决方案，它是小程序。
微信小程序是小程序的一种，英文名称为Mini，是一种无需下载安装的应用程序。 小程序可以在微信中轻松获取和传播，同时拥有出色的用户体验。
通常大家所说的小程序都是指微信小程序。 事实上，除了微信小程序外，还有支付宝、百度、今日头条、飞书、QQ、快手、钉钉、淘宝等各个平台的小程序。
2.小程序开发方法
在微信小程序开发中，开发可以根据自身情况和项目需求选择不同的开发方式，包括：原生开发、开发、框架开发和低代码开发等。
1. 原生开发
每个小程序都正式推出了相应的语法和开发工具。 这样开发，同一个产品需要开发不同的版本。 例如，如果要实现一个同时覆盖微信小程序和支付宝小程序外卖小程序，则需要根据各自平台的语法和工具开发两个不同的版本。 的版本.
以微信小程序为例，原生开发采用了WXML、WXSS等技术。 开发微信小程序，首先需要去官网了解其语法、项目结构、发布流程等基本内容。
其次，需要下载微信开发工具，在其中创建项目，并选择原生开发模式。 微信开发工具提供了丰富的代码编辑器、调试工具和运行环境，可以帮助开发快速开发和调试。
原生开发方式的优点：
启动、调试、打包、加载资源等等，所有基础编译无疑是*快的。 因为相比其他方法，减少了很多辅助编译时间。
比如可视化、热更新、性能测试等，这些都是小程序福利，是其他方式无法享受到的。
无论是样式定位还是具体js代码定位，原生都能快速定位问题。
原生开发方式的缺点：
与其他框架相比，vue和react都可以用一个文件来解决html+js+css。 小程序需要4个文件来支持，当项目很大时，有时会变得特别繁琐。
2.开发
该模式使用原生语法构建小程序项目框架，然后放置到页面上渲染H5页面。 其他页面逻辑通过H5页面实现。
优势：
这个其实很好，直接绕过了微信的审核。 当你想上网时，直接更新网络服务器即可。
此时已经是H5页面了，开发也可以直接在普通浏览器中进行调试，无需依赖微信调试工具。
缺点：
所有原生功能放在微信中间层都会失效。比如蓝牙、拍照、获取手机信息等。
3. 框架开发
除了原生开发之外，微信小程序还提供了一些框架来简化开发过程。 这些框架基于微信小程序原生开发技术，提供了更便捷的开发方式。
这种开发模式并不是小程序的出现所独有的。 随着技术的发展，它不再像过去那样流行，很多都转向了“小程序”。
此类框架包括：WePY、Mpvue、Taro、Uni-app、、、kbone、Remax等（当然其中有些框架已经停产，后面会分析）。
这类框架要么使用熟悉的语法封装原生语法，降低上手难度；要么使用熟悉的语法封装原生语法，降低上手难度； 或者采用跨端技术，一次开发编译，发布到多个平台，提高开发效率。
优势：
比如react生态低成本进入taro，vue生态低成本进入uni。无需适应，半小时即可参与开发
*高支持：h5移动端、各种小程序、快应用等，有的还支持生成app
比如支持scss、vuex等。
该框架基本上封装了wx.api本身。 还进行了扩展和修改。 如果uni实现了数据与页面的绑定，就不需要再做一次。 同样，太郎也采用了解决方案。
无论uni、taro还是其他，他们基本上都是对官方的ui库进行了重新封装，其功能各有特色，或者对其组件进行了扩展。
缺点：
问题可大可小。 特别是那些不是由信誉良好的公司维护的框架可能在一段时间后就无法维护了。 比如几年前比uni还流行的mpvue，现在已经不再维护了。 你不维护的那一天就意味着你的项目将被重构！
由于已经是编译好的文件，此时如果想通过断点调试，编译后根本不知道原来写的代码在哪里。
编写好原生小程序代码后，需要编译一下才能在虚拟机上看到效果。 如果使用第三方，仍然需要编译成原生。 写完代码后：你的代码（第三方）-->转义到本机（）-->再次编译并让虚拟机允许。 这样又增加了一道工序，所以效率就变低了。
近年来，原生小程序的Bug相对有所改善，但问题依然存在。 如果你在各大论坛搜索“小程序的陷阱”，总会有一堆文章供你体验。 然而，当使用第三方时，你就必须接受第三方的bug。 您需要适应两个平台上的错误。
在接受小程序官方“Bug”的同时，你还需要接受第三方的“Bug”。
另外，还存在编译后文件历史记录被清除的问题。 例如，快速页面读取配置在编译后留空。
4.低代码平台
低代码或零代码平台不需要编码。 官网提供平台扩展组件，快速完成小程序的搭建。 此类平台包括：阿里巴巴易达、腾讯微达、易拍等。
这类平台不需要编码或者只需要少量编码，降低了制作小程序的门槛，但大多需要收费。
3.小程序开发框架
随着微信、支付宝等开放平台的成长，移动应用生态市场蓬勃发展。 比如小程序已经成为各类企业和开发的重要选择。 为了提高小程序的开发效率和代码复用性，出现了很多第三方开发框架。
1.uni应用程序
uni-app是一个使用Vue.js开发跨平台应用的框架，支持微信小程序、支付宝小程序、百度小程序、字节跳动小程序、H5网页应用等多平台。
它采用一套统一的组件规范和开发语法，开发可以通过一套代码同时生成适用于多个平台的应用程序。
uni-app提供了丰富的组件库和插件生态，让开发可以快速构建小程序接口并扩展功能。
uni-app还具有良好的性能和跨平台兼容性，可以在不同平台上提供一致的用户体验。
2. 芋头
京东的亲生儿子，类似React的开发风格，名字来源于*强大的奥特曼。
Taro是一个多终端统一开发框架，可以同时开发微信小程序、支付宝小程序、百度小程序多个平台的应用程序。
它采用类似React的开发语法，支持JSX和组件开发，使代码编写更加简洁和可维护。
Taro 的主要优势之一是能够一次编写代码，同时生成多个平台的应用程序，大大提高了开发效率。
3.Mpvue
美团之子，框架直接基于Vue核心，修改后使得程序能够在微信小程序环境中运行。 该项目已停止维护，但仍然可用。
mpvue是一个基于Vue.js的小程序开发框架，使用Vue.js的语法开发。
对于熟悉 Vue.js 的开发来说，Mpvue 上手非常容易。
它提供类似 Vue 的开发体验和功能，例如组件化、数据绑定和计算属性。
此外，Mpvue支持微信小程序和百度小程序，让开发可以同时覆盖多个平台。
4.WePY
腾讯之子，类似Vue开发风格。 基于小程序组件化开发，封装和优化了小程序原有的能力。 该项目已停止维护，但仍然可用。
WePY 是一个基于组件的小程序开发框架，具有类似 Vue 的语法。 它具有与 Vue.js 类似的语法，并提供类似的基于组件的开发方法。
WePY支持微信小程序和支付宝小程序，让开发可以更好地复用代码和组件。
同时，WePY还提供了很多扩展能力和开发工具，比如代码热重载、模板编译优化等，大大提高了开发效率。
不过，由于WePY不支持其他小程序平台，需要覆盖多个平台的开发可能要考虑其他选择。
5.
网易之子，写类似Vue语法的小程序，横跨H5和小程序。 该项目已停止维护，但仍然可用。
它是一个使用Vue.js开发微信小程序的框架，兼容大多数Vue.js语法和功能。
开发可以利用Vue.js强大的生态系统进行开发，享受Vue.js带来的开发便利。
支持原生微信小程序API，开发可以直接使用微信小程序的能力。
不过目前仅支持微信小程序，需要覆盖其他小程序平台的开发可能需要考虑其他选择。
6.雷麦克斯
阿里巴巴和蚂蚁金服的儿子，他使用原生React来构建小程序和支持从.0开始构建Web应用程序的运行时框架。 该项目已停止维护，但仍然可用。
Remax是一个使用React开发小程序框架，支持微信小程序、支付宝小程序、字节跳动小程序、小程序等多个平台。
开发可以借助熟悉的React生态开发，享受React带来的开发效率和组件化能力。
Remax还支持原生小程序的能力，开发可以直接使用小程序的API。
不过，对于不熟悉React的开发来说，上手Remax可能需要一定的学习成本。
7.
滴滴自己的儿子，跨端解决方案，基于框架开发项目，一份代码可以运行在所有小程序平台（微信、支付宝、百度、今日头条、）、H5、客户端和快应用上。
轻举自行车就是利用它来实现的。 该项目已停止维护，但仍然可用。
/kəˈmiːlɪən/，缩写为CML，中文名卡梅伦； 中文意思是变色龙，意思是像变色龙一样能够适应不同环境的跨端整体解决方案。 一次开发，多终端运行。 您在一个终端上看到的就是您在多个终端上看到的。 缺点是使用跨平台开发时，需要考虑不同平台的差异性和兼容性。
8.kbone
kbone是腾讯之子，致力于微信小程序与Web同构的解决方案。
微信小程序的底层模型与Web端不同。 我们不可能直接把Web端的代码搬到小程序环境中执行。 kbone就是为了解决这个问题而诞生的。 它实现了一个适配器，在适配层模拟了浏览器环境，使得Web端代码无需任何改动就可以在小程序中运行。
它模拟了一套DOM和BOM接口来兼容现有的前端系统。 只能用于Web兼容的微信小程序，无法满足其他平台小程序的开发。
9、
（纳纳奇），去哪儿之子，基于React的多端小程序翻译框架，完美兼容React生命周期。 该项目已停止维护。
在选择框架的时候，除了考虑自己的业务需求之外，因为技术更新和迭代很快微信小程序开发怎么学，还必须考虑每个框架的更新和维护的频率以及社区的活跃程度。
小编一一查看了官网，发现目前只有Taro和Taro还在更新，所以商业项目建议选择其中之一。 从技术栈的角度来说，如果熟悉react就选择taro，如果熟悉vue就选择uni-app。
虽然很多项目已经停止运行，但它们都曾经辉煌过，为国内IT的发展做出了贡献。 并且其代码在互联网上开源，可以用于研究目的。
4. 总结
在选择第三方小程序开发框架时，需要综合考虑开发的技术栈、项目需求、目标平台等因素。
综上所述，如果使用原生开发，按照官方语法即可； 如果使用跨端开发，目前有两种选择：Taro是多端统一开发框架，适合需要覆盖多平台的开发； uni-app 是一个跨端开发框架 平台框架，适合同时开发多个小程序平台的项目。
当然，随着技术的进步，技术更新很快，可能会出现新的后起之秀。
无论选择哪种框架，都可以提高开发效率，减少重复工作，并获得丰富的组件库和工具支持。
