小程序框架开发技术选型

目录

微信小程序技术框架选型

一、 微信小程序简介

二、 小程序的优势

三、 小程序前端开发框架选择

1. 原生框架

2. Uni-app框架

3. Taro框架

4. Wepy框架

5. Mp-vue框架

四、 小程序原生开发和H5比较：

五、 小程序后端开发框架

nginx与pc端分开

微信小程序技术框架选型

• 微信小程序简介

微信小程序（以下简称小程序）是一种由腾讯开发的应用程序软件，可在微信内直接使用，无需下载和安装。小程序的设计理念是"用完即走，无需安装"，旨在为用户提供轻量级的移动应用体验。通过微信平台提供的接口和工具，开发者可以创建不同类型的小程序，覆盖多个领域，如购物、社交、娱乐等。

• 小程序的优势

1. 无需下载安装：用户可以直接通过微信扫描小程序二维码或搜索关键词打开，无需下载和安装额外的应用程序。

2. 节约手机存储空间：由于小程序无需安装，用户可以节约手机存储空间，同时可以随时卸载不再需要的小程序。

3. 快速启动：小程序的启动速度较快，用户可以迅速进入并使用。

4. 便捷分享：通过微信内置的分享功能，用户可以轻松将小程序分享给微信好友或在朋友圈中发布。

5. 多样的开发框架：微信小程序提供了专门的开发框架，也可以使用其他流行的第三方开发框架，开发者可以使用这些框架快速的开发功能丰富、性能优越的小程序。

• 小程序前端开发框架选择

1. 原生框架

小程序原生开发框架是微信官网自行推出的一套前端框架，目的是为了让开发者能具有原生APP一样的简洁高效的开发体验。在语法规范上，使用的是小程序自身的开发规范和语言，主要是wxml、wxss和javaScript，编写风格类似于Vue2。在开发方式上，需要开发人员全新学习小程序的书写规范。原生开发不支持多端复用，但是在开发者社区里，可以更好的解决开发问题或者更好的交流彼此的建议。开发工具采用微信自带的微信小程序开发工具，开发指南见官网：微信开放文档

1. Uni-app框架

Uni-app框架是由DCloud公司推出的使用Vue.js进行开发的前端框架，它不仅仅只用于编写微信小程序。大多时候开发者只需要编写一套代码，就可以发布到 ioS、Android、H5、以及各种小程序等多个平台，实现跨端，并且支持原生代码混写和原生 SDK 集成。该框架的口号是“一次编写，多端运行”，在开发完毕后通过不同的编译指令即可打包成对应平台的发布包。即使不跨端，Uni-app也是不错的小程序开发框架，它使用vue语法进行开发，学习门槛低，相关的插件丰富、社区生态繁荣，使用者众多。其官方网站地址：uni-app官网

1. Taro框架

Taro框架是由京东推出的使用React.js进行开发的前端框架。Taro框架的目的就是想利用一套代码解决多种平台的开发，比如H5、React Native和各种小程序，与Uni-app框架的目标一致。Taro框架目前已支持使用React、Vue、Nerv三种语法来进行开发，但最为成熟的还是React语法，它采用与React一致的组件化思想。Taro的生态系统也比较繁荣，众多react语言的爱好者源源不断的为其提供各种迭代建议。其官网地址：Taro | 多端统一开发解决方案

1. Wepy框架

Wepy框架是腾讯团队推出的基于Vue.js语法规范的开发框架。它弥补了小程序组件化能力的不足，并且能够让开发者用熟悉的Vue相关技术栈（如vue2语法、less样式、TypeScript语法等）来进行开发。Wpey是一种跨端开发框架，‌它允许开发者在不同的小程序平台上共享代码和逻辑，‌从而减少重复开发的工作量。‌通过使用该框架，‌开发者可以利用平台特定的扩展能力和适配方案，‌以适应不同小程序平台的特殊需求和特性。由于该框架推行较晚，且维护方是腾讯的一个小团队，所以框架使用案例较少、生态不完善，最终使用者较少。其官网地址：WePY | 小程序组件化开发框架

1. Mp-vue框架

Mpvue框架是美团推出的使用Vue.js进行开发的前端框架。它支持微信的所有原生组件和 API，封装了自己的跨端API，在语法支持方面支持 TypeScript、Less和Sass等。该框架在多端复用上只是提供了转换各端小程序的功能，但不提供 H5和移动端的支持。由于其推行较早且基于Vue语法进行开发，在Uni-app和Taro还未流行前是开发微信小程序的不错的选择，但现已被后面两款框架超越。其框架技术的相关交流只能在 GitHub上，生态圈不够完善，截止目前美团已停止对其维护。其官网地址：mpvue.com

框架	开发语言	社区生态	效率体验	开发工具	多端能力
原生	自有语言，类似Vue2，前端1-3天即可上手	由腾讯自身维护，社区活跃，使用者众多	原生开发和打包编译都非常流畅	微信自带的小程序开发工具	只编译成微信小程序，编译包最简洁
Uni-app	Vue2和Vue3语言都支持	DCloud公司维护，插件丰富，使用者众多，社区繁荣	多端开发时需注意语法兼容，单端开发时等同于开发Vue项目	多端使用HBuilderX，单端使用小程序开发工具或Vscode	编写一套代码、多端运行，兼容鸿蒙系统，同时打包编译成小程序和H5
Taro	React、Typescript语言	京东凹凸实验室维护，社区较为繁荣	多端开发时需注意语法兼容，单端开发时等同于开发React项目	小程序开发工具、Vscode	编写一套代码、多端运行，正在适配鸿蒙系统中
Wepy	Vue2语言	腾讯小团队维护，使用者较少，社区生态不活跃	专注于Vue语法开发，组件化能力突出	小程序开发工具、Vscode	可以多端编写，但只有微信小程序相对成熟
Mpvue	Vue2语言	美团出品，现已停止维护	简单效率，等同于开发Vue项目	小程序开发工具、Vscode	仅可编译成微信小程序

• 小程序原生开发和H5比较：

综上比较，如果您只开发微信小程序，不考虑多端运行，那么选择【原生语言】会是不错的选择，因为有官方背书，其社区生态和框架迭代不会有太大问题，并且语法类似vue2，学习成本不高，打包编译后的文件也非常简洁。

而如果您考虑多端拓展，那么可根据团队成员对Vue或React的熟练程度来选择Uni-app或者Taro，这两款框架在其他方面的对比其实都差不多。

小程序和H5（HTML5）都是前端开发技术，各有其适用场景，并没有绝对的优劣之分。以下是两种技术的一些适用性分析：

1. App场景下的适用性：H5通常不作为App内唯一的技术栈，而是与原生技术结合使用。H5在生态化和连接方面存在局限性，例如技术架构紧耦合，难以实现业务场景的独立生命周期管理，不具备应用市场机制，以及在社交平台分享时可能需要实现两个版本。

2. 业务应用上的适用性：H5在跨平台和分享行为上具有优势，适合简单的业务逻辑和功能。而小程序则更适合复杂的业务内容和长业务逻辑与跳转，提供更流畅的用户体验，并且能够获得更多的系统权限，如网络通信状态、数据缓存能力等。

3. 开发成本：小程序的开发可能因为组件和UI的现成性而成本稍低，但H5在开发时可能面临多次修改，增加成本。不过，对于简单的营销活动页面，H5可能更灵活且成本更低。

4. 系统级权限：小程序能够获得比H5更多的系统权限，这对于需要调用硬件或访问隐私级别较高数据的应用来说是一个优势。

5. 产品上线和更新方式：小程序的更新需要经过官方审核，可能面临审核等待时间，而H5页面的发布和更新更为灵活，无需审核。

6. 用户体验：小程序提供接近原生应用的流畅体验，而H5作为网页，每次加载可能需要请求资源，体验可能略逊一筹。

7. 抗风险能力：小程序和H5各有抗风险的优势，例如H5可以多准备域名以防屏蔽，而小程序可以多上线几个以防封禁。

8. 混合开发模式：一些超级App如微信、美团等采用「Native+小程序」的架构模式，而中小公司可能更倾向于使用「Native+H5」的模式。FinClip等平台提供了小程序容器技术，使得App可以集成小程序运行环境，实现模块化开发和敏捷迭代。

综上所述，选择小程序还是H5应根据具体的业务需求、预期的用户体验、开发成本和维护方式等因素综合考虑。 

• 小程序后端开发框架

nginx与pc端分开