即刻搞定小程序开发的4模式+9框架

不同开发办法和不同结构各自有其优缺陷，在实践项目开发进程中，应该依据实践的项目需求以及团队人员情况做综合选择。

一、小程序的开发4形式

在微信小程序开发中，开发者可以依据本身情况和项目需求，选择不同的开发办法，包含：原生开发、WebView开发、结构开发和低代码开发等。

1、原生开发

每一种小程序官方都推出了对应的语法和开发东西。选用此种办法开发，同一个产品需求开发不同版别，比如你要结束一个外卖小程序，既要涵盖微信小程序又要涵盖支付宝小程序，那么需求依据各自途径的语法和东西来开发2个不同的版别。

以微信小程序为例，原生开发选用的是WXML、WXSS和JavaScript等技术。要进行微信小程序开发，首要，需求先去官网了解其语法、项目结构、发布流程等根本内容。

其次，需求下载微信开发者东西，在其间创建项目，选择原生开发形式。微信开发者东西供应了丰厚的代码编辑器、调试东西和工作环境等，可以帮忙开发者进行快速开发和调试。

2、WebView开发

此种形式选用原生语法建立小程序项目结构，然后再页面中放置WebView用于烘托H5页面，其它页面逻辑通过H5页面结束。

3、结构开发

除了原生开发，微信小程序还供应了一些结构来简化开发进程，这些结构都依据微信小程序原生开发技术，供应了更加快捷的开发办法。

这种开发形式，并不是小程序的出现才有的。跟着技术的开展，hybird已不再有当年的火爆，他们很多都转战"小程序"。

这类结构包含：WePY、Mpvue、Taro、Uni-app、chameleon、Megalo、kbone、Remax等等（当然其间有些结构现已停更了，后续进行分析）。

这类结构要么是通过我们了解的语法对原生语法进行包装减低上手难度；要么是通过跨端技术，一次开发编译到多途径发布，提高开发功率。

4、低代码途径

低代码或零代码途径，无需编写代码，通过官网供应途径拓展组件即可快速结束小程序建立。此类途径有：阿里宜搭、腾讯微搭、意派Coolsite360等。

此类途径无需编码或只需求少量编码，减低小程序制造门槛，但大部分都需求收费。

二、小程序开发9结构

跟着微信、支付宝等打开途径的强壮，移动应用生态商场的蓬勃开展，例如小程序现已成为各个企业和开发者的重要选择。为了提高小程序的开发功率和代码重用性，许多第三方开发结构应运而生。

1、uni-app

uni-app 是一个运用 Vue.js 开发跨途径运用的结构，支撑微信小程序、支付宝小程序、百度小程序、字节跳动小程序、H5 网页运用等多个途径。

它选用了一套一致的组件标准和开发语法，开发者可以通过一套代码一同生成多个途径的运用。

uni-app供应了丰厚的组件库和插件生态系统，开发者可以快速建立小程序界面并扩展功用。

uni-app 还具有杰出的性能和跨途径兼容性，可以在不同途径上保持一致的用户领会。

2、Taro

Taro 是一款多端一致开发结构，可以一同开发微信小程序、支付宝小程序、百度小程序等多个途径的运用。

它选用类 React 的开发语法，支撑 JSX 和组件化开发，使得代码的编写更加简洁和可维护。

Taro 的一个首要优势是它可以一次编写代码，一同生成多个途径的运用，大大提高了开发功率。

3、Mpvue

Mpvue 是一个依据 Vue.js 的小程序开发结构，通过运用 Vue.js 的语法进行开发。

关于了解 Vue.js 的开发者来说，上手 Mpvue 非常容易。

它供应了类似 Vue 的开发领会和功用，如组件化、数据绑定和核算属性等。

此外，Mpvue 支撑微信小程序和百度小程序，让开发者可以一同掩盖多个途径。

4、WePY

WePY 是一款类 Vue 语法的小程序组件化开发结构，它与 Vue.js 的语法类似，供应了类似的组件化开发办法。

WePY 支撑微信小程序和支付宝小程序，使得开发者可以更好地复用代码和组件。

与此一同，WePY 还供应了许多扩展才干和开发东西，如代码热重载、模板编译优化等，大大提高了开发功率。

但是，由于 WePY 不支撑其他小程序途径，关于需求掩盖多个途径的开发者来说，或许需求考虑其他选择。

5、Megalo

Megalo 是一个运用 Vue.js 开发微信小程序的结构，兼容大部分 Vue.js 的语法和特性。

开发者可以利用 Vue.js 的强壮生态系统进行开发，并享受 Vue.js 带来的开发便利性。

Megalo 支撑原生的微信小程序 API，开发者可以直接运用微信小程序的才干。

但是，Megalo 现在仅支撑微信小程序，关于需求掩盖其他小程序途径的开发者来说，或许需求考虑其他选择。

6、Remax

Remax 是一个运用 React 开发小程序的结构，支撑微信小程序、支付宝小程序、字节跳动小程序、QQ 小程序等多个途径。

开发者可以借助了解的 React 生态系统进行开发，并享受 React 带来的开发功率和组件化才干。

Remax 还支撑原生小程序的才干，开发者可以直接运用小程序的 API。

但是，关于不了解 React 的开发者来说，上手 Remax 或许需求必定的学习本钱。

7、Chameleon

青桔单车就是用它来结束的，该项目已间断维护，但仍然可用。

Chameleon，简写CML，中文名卡梅龙；中文意思变色龙，意味着就像变色龙一样能习惯不同环境的跨端整体处理计划。一次开发，多端工作，一端所见即多端所见。缺陷是在运用跨途径开发的一同，需求考虑不同途径的差异性和兼容性。

8、kbone

微信小程序的底层模型和 Web 端不同，咱们想直接把 Web 端的代码挪到小程序环境内执行是不或许的。kbone 的诞生就是为了处理这个问题，它结束了一个适配器，在适配层里模拟出了浏览器环境，让 Web 端的代码可以不做什么改动便可工作在小程序里。

它模拟了一套dom和bom接口，用以兼容现有的前端系统，只能用于Web兼容微信小程序，无法满足其他途径小程序的开发。

9、Nanachi

依据 React 的多端小程序转译结构，完美兼容 React 生命周期。该项目已间断维护。