深入浅出的理解小程序插件及组件、控件的区别

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情

由于在小程序开发中需要引入插件，但同事问起的时候还是被几个概念难住了，虽然能够了解大致的含义，但是对于每一个概念的理解又不是很深入，所以深入学习了解了几个“概念模糊”的知识点，可能大家和我一样对于插件、组件、控件 等概念还存在一定的混淆，或者没有完全了解清楚之间的区别，在这里也分享给大家。

到底什么是插件

先按照官方的一些解释来看看插件的概念描述？

微信小程序官方描述：

插件，是可被添加到小程序内直接使用的功能组件。开发者可以像开发小程序一样开发一个插件，供其他小程序使用。同时，小程序开发者可直接在小程序内使用插件，无需重复开发，为用户提供更丰富的服务。

支付宝小程序官方描述：

插件是一种独立封装的软件模块，用来承载企业的能力或者服务，便于宿主小程序进行快捷集成。和普通组件不同的是，插件拥有独立的应用和独立的上下文，即数据、业务逻辑和服务端连接。当小程序应用需要使用插件的服务时，加载和运行插件，以使得插件访问自身的数据与服务端，完成对应的服务；而在小程序不需要使用插件的服务时，只需要运行小程序应用本身，访问小程序应用自身的数据服务端。插件和宿主小程序上下文是互相隔离的，即小程序应用不能直接访问插件的数据，也不能获得插件的权限，反之，插件也不能直接访问小程序的数据，也不能获得小程序的权限。

插件vs组件vs控件

为了进一步直观的了解插件、组件、控件之间具体的差异，我用一张表罗列了彼此之间的对比：

名称英文单词概念显著的特点插件plugin & addin算是组件的一种，在原有的应用程序中，已经给它们预留了接口。接口，简言之就是一种规范。可以被开发者添加到小程序内直接使用的，能为用户提供具体服务的功能组件。即插即用，支持动态的插入；在应用程序中已经预留接口的组件就是插件；可直接提供服务；可以独立进行发版，开发和升级更高效；运行时框架提供上下文隔离机制，插件内部的数据安全性更有保障组件component提起组件我们不应该把他和具体的技术，什么dll文件，ocx控件，activex等等联系起来，因为组件仅仅是一个概念，如果非要解释的话，那就是凡是在软件开发中用到了软件的复用，被复用的部分都可以称为组件，组件是给开发者提供的轮子，不能直接提供服务。参考机械制造中的“零件”，它好比是组装在一起的满足一个功能单元的一组元件。仅是一个宽泛的概念；是给开发者提供的轮子，不能直接提供服务控件control & widget也算是组件的一种，顾名思义，用来给用户做控制的。做用户图形界面设计时，有一些“复选框”、“按钮”之类的东西，这些都是控件。所以可以把它理解为用来做可视化的一类组件。是“可视化”的，例如表单中的按钮、文本框等

小程序插件的价值

小程序插件，顾名思义是用于小程序运行调用的插件，小程序插件的广泛推广使用可以实现“开发资源共享”、“ 可便捷强化能力”、“商业化变现” 等积极作用 。

1.开发共享，避免重复开发 

在小程序内使用插件，可免去小程序开发者重复开发，一定程度上减少了开发工作量。例如：在小程序可以使用地图插件，开发者无需在小程序内独立开发地图内导航、出行指引、周边服务推荐等能力，直接使用地图插件即可为用户提供导航服务，免去很大量的开发工作。

2.强化能力，打造卓越产品

我们自己的技术、精力和成本都是非常有限的，开发出来的小程序的能力可能比较单一，如果想要应用到更多更复杂的功能就能够通过快速引入小程序插件的方式增强自己的产品能力。例如：想要在小程序实现产品的销售，使用店铺插件，用户即可通过小程序完成产品预订、购买、评价等功能。

3.商业变现，能力有目共睹

插件支持商业订购和结算，质量优秀和普适性较高的小程序插件可以借助各大平台的小程序插件市场对开发的插件进行封装售卖，便于开发者进行服务变现和商业化。

小程序插件的技术原理

插件本身的技术原理并不复杂。插件的木质是在不修改程序主体的情况下对软件功能进行加强，当插件的接口被公开时任何人都可以自己制作插件来解决一些操作上的不便或增加一些功能。

一个插件框架包括两个部分：主程序(host)和插件((plug-in)。主程序即是“包含”插件的程序，插件必须实现若干标准接口，由主程序在与插件通信时调用。

小程序插件代码由一些自定义组件和 JS 代码文件构成，插件开发者在发布插件时，这些代码被上传到后台保存起来。当小程序使用插件时，使用者需填写插件的 AppID 和版本号，就可从后台获取相应的插件代码。小程序代码编译时，插件代码会被嵌入到小程序中，与小程序一起编译运行。